Markets List and Detail Plugin
This commit is contained in:
1 parent
a739dd8fe3
commit
27cc22dc69
66 files changed
+1078
-5494
No files matched your search
@@ -40,6 +40,7 @@ auth.json
|
|||||||
# --------------------------------------------------
|
# --------------------------------------------------
|
||||||
/public/fileadmin/
|
/public/fileadmin/
|
||||||
/public/uploads/
|
/public/uploads/
|
||||||
|
/public/_frontend/
|
||||||
|
|
||||||
# --------------------------------------------------
|
# --------------------------------------------------
|
||||||
# Projektspezifisch ignoriert
|
# Projektspezifisch ignoriert
|
||||||
|
|||||||
@@ -57,4 +57,18 @@ class MarketController extends ActionController
|
|||||||
|
|
||||||
return $this->htmlResponse();
|
return $this->htmlResponse();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* action list
|
||||||
|
*
|
||||||
|
* Extbase registration target for the Marketlist plugin. In headless mode
|
||||||
|
* the JSON output is produced by MarketListJsonRenderer, not by this
|
||||||
|
* controller — same arrangement as LocationController::listAction().
|
||||||
|
*
|
||||||
|
* @return ResponseInterface
|
||||||
|
*/
|
||||||
|
public function listAction(): ResponseInterface
|
||||||
|
{
|
||||||
|
return $this->htmlResponse();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -7,6 +7,7 @@ use Evomedien\Vitec\UserFunc\ProductListJsonRenderer;
|
|||||||
use Evomedien\Vitec\UserFunc\ProductShowJsonRenderer;
|
use Evomedien\Vitec\UserFunc\ProductShowJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\UsecaseListJsonRenderer;
|
use Evomedien\Vitec\UserFunc\UsecaseListJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\UsecaseShowJsonRenderer;
|
use Evomedien\Vitec\UserFunc\UsecaseShowJsonRenderer;
|
||||||
|
use Evomedien\Vitec\UserFunc\MarketListJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\MarketShowJsonRenderer;
|
use Evomedien\Vitec\UserFunc\MarketShowJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\SolutionShowJsonRenderer;
|
use Evomedien\Vitec\UserFunc\SolutionShowJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\DownloadcardJsonRenderer;
|
use Evomedien\Vitec\UserFunc\DownloadcardJsonRenderer;
|
||||||
@@ -110,6 +111,7 @@ final class ContainerChildrenProcessor implements DataProcessorInterface
|
|||||||
'vitec_usecaselist' => [UsecaseListJsonRenderer::class, 'usecases'],
|
'vitec_usecaselist' => [UsecaseListJsonRenderer::class, 'usecases'],
|
||||||
'vitec_usecaseshow' => [UsecaseShowJsonRenderer::class, 'usecase'],
|
'vitec_usecaseshow' => [UsecaseShowJsonRenderer::class, 'usecase'],
|
||||||
'vitec_marketshow' => [MarketShowJsonRenderer::class, 'market'],
|
'vitec_marketshow' => [MarketShowJsonRenderer::class, 'market'],
|
||||||
|
'vitec_marketlist' => [MarketListJsonRenderer::class, 'markets'],
|
||||||
'vitec_solutionshow' => [SolutionShowJsonRenderer::class, 'solution'],
|
'vitec_solutionshow' => [SolutionShowJsonRenderer::class, 'solution'],
|
||||||
'vitec_downloadcard' => [DownloadcardJsonRenderer::class, 'downloadcard'],
|
'vitec_downloadcard' => [DownloadcardJsonRenderer::class, 'downloadcard'],
|
||||||
'vitec_downloadcardcollection' => [DownloadcardcollectionJsonRenderer::class, 'downloadcardcollection'],
|
'vitec_downloadcardcollection' => [DownloadcardcollectionJsonRenderer::class, 'downloadcardcollection'],
|
||||||
|
|||||||
@@ -13,6 +13,18 @@ class Market extends AbstractEntity
|
|||||||
*/
|
*/
|
||||||
protected $title = '';
|
protected $title = '';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
protected $slug = '';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Page uid presenting this market (TCA type "group", allowed: pages).
|
||||||
|
*
|
||||||
|
* @var int
|
||||||
|
*/
|
||||||
|
protected $detailPage = 0;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @var string
|
* @var string
|
||||||
*/
|
*/
|
||||||
@@ -65,6 +77,38 @@ class Market extends AbstractEntity
|
|||||||
$this->title = $title;
|
$this->title = $title;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return string
|
||||||
|
*/
|
||||||
|
public function getSlug(): string
|
||||||
|
{
|
||||||
|
return $this->slug;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $slug
|
||||||
|
*/
|
||||||
|
public function setSlug(string $slug): void
|
||||||
|
{
|
||||||
|
$this->slug = $slug;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return int
|
||||||
|
*/
|
||||||
|
public function getDetailPage(): int
|
||||||
|
{
|
||||||
|
return $this->detailPage;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param int $detailPage
|
||||||
|
*/
|
||||||
|
public function setDetailPage(int $detailPage): void
|
||||||
|
{
|
||||||
|
$this->detailPage = $detailPage;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @return string
|
* @return string
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -13,6 +13,11 @@ class Solution extends AbstractEntity
|
|||||||
*/
|
*/
|
||||||
protected $title = '';
|
protected $title = '';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
protected $slug = '';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @var string
|
* @var string
|
||||||
*/
|
*/
|
||||||
@@ -65,6 +70,22 @@ class Solution extends AbstractEntity
|
|||||||
$this->title = $title;
|
$this->title = $title;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return string
|
||||||
|
*/
|
||||||
|
public function getSlug(): string
|
||||||
|
{
|
||||||
|
return $this->slug;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $slug
|
||||||
|
*/
|
||||||
|
public function setSlug(string $slug): void
|
||||||
|
{
|
||||||
|
$this->slug = $slug;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @return string
|
* @return string
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ use Evomedien\Vitec\UserFunc\ProductListJsonRenderer;
|
|||||||
use Evomedien\Vitec\UserFunc\ProductShowJsonRenderer;
|
use Evomedien\Vitec\UserFunc\ProductShowJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\UsecaseListJsonRenderer;
|
use Evomedien\Vitec\UserFunc\UsecaseListJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\UsecaseShowJsonRenderer;
|
use Evomedien\Vitec\UserFunc\UsecaseShowJsonRenderer;
|
||||||
|
use Evomedien\Vitec\UserFunc\MarketListJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\MarketShowJsonRenderer;
|
use Evomedien\Vitec\UserFunc\MarketShowJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\SolutionShowJsonRenderer;
|
use Evomedien\Vitec\UserFunc\SolutionShowJsonRenderer;
|
||||||
use Evomedien\Vitec\UserFunc\DownloadcardJsonRenderer;
|
use Evomedien\Vitec\UserFunc\DownloadcardJsonRenderer;
|
||||||
@@ -75,6 +76,7 @@ final class ContentElementResolver
|
|||||||
'vitec_usecaselist' => [UsecaseListJsonRenderer::class, 'usecases'],
|
'vitec_usecaselist' => [UsecaseListJsonRenderer::class, 'usecases'],
|
||||||
'vitec_usecaseshow' => [UsecaseShowJsonRenderer::class, 'usecase'],
|
'vitec_usecaseshow' => [UsecaseShowJsonRenderer::class, 'usecase'],
|
||||||
'vitec_marketshow' => [MarketShowJsonRenderer::class, 'market'],
|
'vitec_marketshow' => [MarketShowJsonRenderer::class, 'market'],
|
||||||
|
'vitec_marketlist' => [MarketListJsonRenderer::class, 'markets'],
|
||||||
'vitec_solutionshow' => [SolutionShowJsonRenderer::class, 'solution'],
|
'vitec_solutionshow' => [SolutionShowJsonRenderer::class, 'solution'],
|
||||||
'vitec_downloadcard' => [DownloadcardJsonRenderer::class, 'downloadcard'],
|
'vitec_downloadcard' => [DownloadcardJsonRenderer::class, 'downloadcard'],
|
||||||
'vitec_downloadcardcollection' => [DownloadcardcollectionJsonRenderer::class, 'downloadcardcollection'],
|
'vitec_downloadcardcollection' => [DownloadcardcollectionJsonRenderer::class, 'downloadcardcollection'],
|
||||||
|
|||||||
@@ -0,0 +1,56 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
declare(strict_types=1);
|
||||||
|
|
||||||
|
namespace Evomedien\Vitec\Service;
|
||||||
|
|
||||||
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
|
use TYPO3\CMS\Frontend\ContentObject\ContentObjectRenderer;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Turns raw richtext (RTE) database content into frontend-ready HTML.
|
||||||
|
*
|
||||||
|
* TYPO3 stores RTE fields with unresolved internal references: internal links as
|
||||||
|
* `<a href="t3://page?uid=12">`, legacy content as `<link>` tags, images with
|
||||||
|
* relative paths. Fluid resolves those through `parseFunc` when it renders; a
|
||||||
|
* headless UserFunc renderer that hands the raw column straight to JSON does
|
||||||
|
* not, and the frontend receives dead links.
|
||||||
|
*
|
||||||
|
* The two upstream packages already close this gap for the output they own:
|
||||||
|
* `friendsoftypo3/headless` applies `parseFunc =< lib.parseFunc_RTE` to the core
|
||||||
|
* text elements via TypoScript, and `nb-headless-content-blocks` calls
|
||||||
|
* `parseFunc($value, null, '< lib.parseFunc_RTE')` for every Content Block field
|
||||||
|
* whose TCA has `enableRichtext`. This class closes it for the VITEC UserFunc
|
||||||
|
* renderers, using exactly the same call.
|
||||||
|
*
|
||||||
|
* Static by design: the conversion is stateless, and the call sites are payload
|
||||||
|
* array literals where a `GeneralUtility::makeInstance(...)->` prefix would add
|
||||||
|
* only noise. Same rationale as `CropVariants::firstImage()` and
|
||||||
|
* `FormDefinitions::get()`.
|
||||||
|
*
|
||||||
|
* Fail-soft per architecture spec clause 9.5: when parsing is impossible — most
|
||||||
|
* notably outside a frontend request, where no TypoScript setup exists — the raw
|
||||||
|
* value is returned. Content is never lost; at worst it stays unresolved.
|
||||||
|
*/
|
||||||
|
final class RteResolver
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* @param mixed $value raw column value; null and non-strings are tolerated
|
||||||
|
*/
|
||||||
|
public static function html(mixed $value): string
|
||||||
|
{
|
||||||
|
$raw = (string)($value ?? '');
|
||||||
|
if (trim($raw) === '') {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
$parsed = GeneralUtility::makeInstance(ContentObjectRenderer::class)
|
||||||
|
->parseFunc($raw, null, '< lib.parseFunc_RTE');
|
||||||
|
|
||||||
|
return $parsed !== '' ? $parsed : $raw;
|
||||||
|
} catch (\Throwable $e) {
|
||||||
|
return $raw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -11,6 +11,7 @@ use TYPO3\CMS\Core\Core\Environment;
|
|||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
use TYPO3\CMS\Extbase\Service\ImageService;
|
use TYPO3\CMS\Extbase\Service\ImageService;
|
||||||
|
|
||||||
@@ -261,7 +262,7 @@ class DatasheetsJsonRenderer
|
|||||||
'title' => (string)($download['title'] ?? ''),
|
'title' => (string)($download['title'] ?? ''),
|
||||||
'slug' => (string)($download['slug'] ?? ''),
|
'slug' => (string)($download['slug'] ?? ''),
|
||||||
'teaser' => (string)($download['teaser'] ?? ''),
|
'teaser' => (string)($download['teaser'] ?? ''),
|
||||||
'description' => (string)($download['description'] ?? ''),
|
'description' => RteResolver::html($download['description'] ?? ''),
|
||||||
'tstamp' => (int)($download['tstamp'] ?? 0),
|
'tstamp' => (int)($download['tstamp'] ?? 0),
|
||||||
'filetype' => $filetype,
|
'filetype' => $filetype,
|
||||||
'file' => $this->getDownloadFile($uid, (string)($download['fileprefix'] ?? ''), $filetype),
|
'file' => $this->getDownloadFile($uid, (string)($download['fileprefix'] ?? ''), $filetype),
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ use Doctrine\DBAL\ParameterType;
|
|||||||
use TYPO3\CMS\Core\Core\Environment;
|
use TYPO3\CMS\Core\Core\Environment;
|
||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -254,7 +255,7 @@ class DownloadcardJsonRenderer
|
|||||||
'title' => (string)($download['title'] ?? ''),
|
'title' => (string)($download['title'] ?? ''),
|
||||||
'slug' => (string)($download['slug'] ?? ''),
|
'slug' => (string)($download['slug'] ?? ''),
|
||||||
'teaser' => (string)($download['teaser'] ?? ''),
|
'teaser' => (string)($download['teaser'] ?? ''),
|
||||||
'description' => (string)($download['description'] ?? ''),
|
'description' => RteResolver::html($download['description'] ?? ''),
|
||||||
'keywords' => (string)($download['keywords'] ?? ''),
|
'keywords' => (string)($download['keywords'] ?? ''),
|
||||||
'icon' => (string)($download['icon'] ?? ''),
|
'icon' => (string)($download['icon'] ?? ''),
|
||||||
'filepath' => (string)($download['filepath'] ?? ''),
|
'filepath' => (string)($download['filepath'] ?? ''),
|
||||||
|
|||||||
@@ -12,6 +12,7 @@ use TYPO3\CMS\Core\Database\Connection;
|
|||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
use TYPO3\CMS\Extbase\Service\ImageService;
|
use TYPO3\CMS\Extbase\Service\ImageService;
|
||||||
|
|
||||||
@@ -258,7 +259,7 @@ class DownloadcardcollectionJsonRenderer
|
|||||||
'title' => (string)($download['title'] ?? ''),
|
'title' => (string)($download['title'] ?? ''),
|
||||||
'slug' => (string)($download['slug'] ?? ''),
|
'slug' => (string)($download['slug'] ?? ''),
|
||||||
'teaser' => (string)($download['teaser'] ?? ''),
|
'teaser' => (string)($download['teaser'] ?? ''),
|
||||||
'description' => (string)($download['description'] ?? ''),
|
'description' => RteResolver::html($download['description'] ?? ''),
|
||||||
'keywords' => (string)($download['keywords'] ?? ''),
|
'keywords' => (string)($download['keywords'] ?? ''),
|
||||||
'icon' => (string)($download['icon'] ?? ''),
|
'icon' => (string)($download['icon'] ?? ''),
|
||||||
'filepath' => (string)($download['filepath'] ?? ''),
|
'filepath' => (string)($download['filepath'] ?? ''),
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ use TYPO3\CMS\Core\Attribute\AsAllowedCallable;
|
|||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
use TYPO3\CMS\Extbase\Service\ImageService;
|
use TYPO3\CMS\Extbase\Service\ImageService;
|
||||||
|
|
||||||
@@ -195,7 +196,7 @@ class EventlistJsonRenderer
|
|||||||
'title' => (string)($event['title'] ?? ''),
|
'title' => (string)($event['title'] ?? ''),
|
||||||
'slug' => (string)($event['slug'] ?? ''),
|
'slug' => (string)($event['slug'] ?? ''),
|
||||||
'teaser' => (string)($event['teaser'] ?? ''),
|
'teaser' => (string)($event['teaser'] ?? ''),
|
||||||
'description' => (string)($event['description'] ?? ''),
|
'description' => RteResolver::html($event['description'] ?? ''),
|
||||||
'eventstart' => $start > 0 ? date('Y-m-d', $start) : null,
|
'eventstart' => $start > 0 ? date('Y-m-d', $start) : null,
|
||||||
'eventend' => $end > 0 ? date('Y-m-d', $end) : null,
|
'eventend' => $end > 0 ? date('Y-m-d', $end) : null,
|
||||||
'venue' => (string)($event['venue'] ?? ''),
|
'venue' => (string)($event['venue'] ?? ''),
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ use Doctrine\DBAL\ParameterType;
|
|||||||
use TYPO3\CMS\Core\Attribute\AsAllowedCallable;
|
use TYPO3\CMS\Core\Attribute\AsAllowedCallable;
|
||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
use TYPO3\CMS\Frontend\ContentObject\ContentObjectRenderer;
|
use TYPO3\CMS\Frontend\ContentObject\ContentObjectRenderer;
|
||||||
|
|
||||||
@@ -82,7 +83,7 @@ class LocationsJsonRenderer
|
|||||||
$settings = $flexFormData['settings'] ?? [];
|
$settings = $flexFormData['settings'] ?? [];
|
||||||
|
|
||||||
$variant = (string)($settings['variant'] ?? 'grid');
|
$variant = (string)($settings['variant'] ?? 'grid');
|
||||||
$mapText = trim((string)($settings['maptext'] ?? ''));
|
$mapText = RteResolver::html($settings['maptext'] ?? '');
|
||||||
$debugMode = (bool)($settings['debug'] ?? false);
|
$debugMode = (bool)($settings['debug'] ?? false);
|
||||||
|
|
||||||
$qb = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable(self::TABLE);
|
$qb = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable(self::TABLE);
|
||||||
|
|||||||
@@ -0,0 +1,196 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
declare(strict_types=1);
|
||||||
|
|
||||||
|
namespace Evomedien\Vitec\UserFunc;
|
||||||
|
|
||||||
|
use Doctrine\DBAL\ParameterType;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
|
use Evomedien\Vitec\Service\UsecaseSerializer;
|
||||||
|
use TYPO3\CMS\Core\Attribute\AsAllowedCallable;
|
||||||
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
|
use TYPO3\CMS\Frontend\ContentObject\ContentObjectRenderer;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* UserFunc: render all VITEC markets as JSON (headless).
|
||||||
|
*
|
||||||
|
* Output under content.markets:
|
||||||
|
* { "layout": "grid|list|carousel", "markets": [ … ] }
|
||||||
|
*
|
||||||
|
* Selection semantics (FlexForm `settings.markets`):
|
||||||
|
* - nothing selected -> ALL visible markets, alphabetical by title
|
||||||
|
* (tx_vitec_domain_model_market has no `sorting` column)
|
||||||
|
* - markets selected -> exactly those, in the order the editor arranged
|
||||||
|
* them in the FlexForm
|
||||||
|
*
|
||||||
|
* The page carrying the plugin is never used as a filter.
|
||||||
|
*
|
||||||
|
* Each item uses the same shape as the card payload (ModelcardJsonRenderer,
|
||||||
|
* model type "market"), so the frontend can render list and single card with
|
||||||
|
* one component. Image resolution is delegated to UsecaseSerializer::image()
|
||||||
|
* rather than re-implemented inline (architecture spec, clause 9.2).
|
||||||
|
*
|
||||||
|
* `render()` = top-level plugin / page discovery. `renderForRecord()` = one
|
||||||
|
* specific tt_content row (reused by ContainerChildrenProcessor for nested
|
||||||
|
* plugins). Exception-safe.
|
||||||
|
*/
|
||||||
|
class MarketListJsonRenderer
|
||||||
|
{
|
||||||
|
private const TABLE = 'tx_vitec_domain_model_market';
|
||||||
|
private const CTYPE = 'vitec_marketlist';
|
||||||
|
|
||||||
|
#[AsAllowedCallable]
|
||||||
|
public function render(string $content, array $conf): string
|
||||||
|
{
|
||||||
|
$row = is_array($this->cObj->data ?? null) ? $this->cObj->data : null;
|
||||||
|
if ($row && (string)($row['CType'] ?? '') === self::CTYPE) {
|
||||||
|
return $this->renderForRecord($row);
|
||||||
|
}
|
||||||
|
|
||||||
|
$pageId = 0;
|
||||||
|
$request = $GLOBALS['TYPO3_REQUEST'] ?? null;
|
||||||
|
if ($request !== null) {
|
||||||
|
$pageInfo = $request->getAttribute('frontend.page.information');
|
||||||
|
if ($pageInfo !== null) {
|
||||||
|
$pageId = (int)$pageInfo->getId();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ($pageId <= 0) {
|
||||||
|
$pageId = (int)($GLOBALS['TSFE']->id ?? 0);
|
||||||
|
}
|
||||||
|
if ($pageId <= 0) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
$qb = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('tt_content');
|
||||||
|
$ces = $qb
|
||||||
|
->select('*')
|
||||||
|
->from('tt_content')
|
||||||
|
->where(
|
||||||
|
$qb->expr()->eq('pid', $qb->createNamedParameter($pageId, ParameterType::INTEGER)),
|
||||||
|
$qb->expr()->eq('CType', $qb->createNamedParameter(self::CTYPE, ParameterType::STRING)),
|
||||||
|
$qb->expr()->eq('deleted', 0),
|
||||||
|
$qb->expr()->eq('hidden', 0)
|
||||||
|
)
|
||||||
|
->executeQuery()
|
||||||
|
->fetchAllAssociative();
|
||||||
|
|
||||||
|
if (empty($ces)) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
return $this->renderForRecord($ces[0]);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param array<string,mixed> $contentElement
|
||||||
|
*/
|
||||||
|
public function renderForRecord(array $contentElement): string
|
||||||
|
{
|
||||||
|
try {
|
||||||
|
$flexFormService = GeneralUtility::makeInstance(FlexFormService::class);
|
||||||
|
$flexFormData = $flexFormService->convertFlexFormContentToArray($contentElement['pi_flexform'] ?? '');
|
||||||
|
$settings = $flexFormData['settings'] ?? [];
|
||||||
|
|
||||||
|
$layout = (string)($settings['layout'] ?? 'grid');
|
||||||
|
$debugMode = (bool)($settings['debug'] ?? false);
|
||||||
|
$selectedUids = GeneralUtility::intExplode(',', (string)($settings['markets'] ?? ''), true);
|
||||||
|
|
||||||
|
// Always fetch the full (small) table once — that way a selected
|
||||||
|
// record that has meanwhile been hidden or deleted simply drops out.
|
||||||
|
$qb = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable(self::TABLE);
|
||||||
|
$rows = $qb
|
||||||
|
->select('*')
|
||||||
|
->from(self::TABLE)
|
||||||
|
->where(
|
||||||
|
$qb->expr()->eq('deleted', 0),
|
||||||
|
$qb->expr()->eq('hidden', 0)
|
||||||
|
)
|
||||||
|
->orderBy('title', 'ASC')
|
||||||
|
->executeQuery()
|
||||||
|
->fetchAllAssociative();
|
||||||
|
|
||||||
|
$serializer = GeneralUtility::makeInstance(UsecaseSerializer::class);
|
||||||
|
|
||||||
|
if ($selectedUids === []) {
|
||||||
|
$markets = array_map(
|
||||||
|
fn(array $r): array => $this->serializeMarket($r, $serializer),
|
||||||
|
$rows
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
// Keep the editor's FlexForm order. A SQL IN() would return the
|
||||||
|
// rows in storage order, so the sequence is rebuilt here.
|
||||||
|
$byUid = [];
|
||||||
|
foreach ($rows as $r) {
|
||||||
|
$byUid[(int)$r['uid']] = $r;
|
||||||
|
}
|
||||||
|
$markets = [];
|
||||||
|
foreach ($selectedUids as $uid) {
|
||||||
|
if (isset($byUid[$uid])) {
|
||||||
|
$markets[] = $this->serializeMarket($byUid[$uid], $serializer);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$response = [
|
||||||
|
'layout' => $layout,
|
||||||
|
'markets' => $markets,
|
||||||
|
];
|
||||||
|
|
||||||
|
if ($debugMode) {
|
||||||
|
$response['debug'] = [
|
||||||
|
'count' => count($markets),
|
||||||
|
'selected' => $selectedUids,
|
||||||
|
'settings' => $settings,
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
return (string)json_encode($response);
|
||||||
|
} catch (\Throwable $e) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param array<string,mixed> $r
|
||||||
|
* @return array<string,mixed>
|
||||||
|
*/
|
||||||
|
private function serializeMarket(array $r, UsecaseSerializer $serializer): array
|
||||||
|
{
|
||||||
|
$uid = (int)$r['uid'];
|
||||||
|
|
||||||
|
return [
|
||||||
|
'uid' => $uid,
|
||||||
|
'title' => (string)($r['title'] ?? ''),
|
||||||
|
'slug' => (string)($r['slug'] ?? ''),
|
||||||
|
'subtitle' => (string)($r['subtitle'] ?? ''),
|
||||||
|
'teaser' => (string)($r['teaser'] ?? ''),
|
||||||
|
'description' => RteResolver::html($r['description'] ?? ''),
|
||||||
|
'detailUrl' => $this->detailUrl((int)($r['detail_page'] ?? 0)),
|
||||||
|
'image' => $serializer->image($uid, 'image', self::TABLE, true),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resolve the `detail_page` uid to a URL. The frontend cannot do anything
|
||||||
|
* with a raw page uid, so the link is built server side — same convention
|
||||||
|
* as `headerLink` and LocationsJsonRenderer.
|
||||||
|
*
|
||||||
|
* Returns null when no page is set or the link cannot be resolved.
|
||||||
|
*/
|
||||||
|
private function detailUrl(int $pageUid): ?string
|
||||||
|
{
|
||||||
|
if ($pageUid <= 0) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
$cObj = GeneralUtility::makeInstance(ContentObjectRenderer::class);
|
||||||
|
$url = $cObj->typoLink_URL(['parameter' => (string)$pageUid]);
|
||||||
|
return $url !== '' ? $url : null;
|
||||||
|
} catch (\Throwable $e) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -10,8 +10,10 @@ use Doctrine\DBAL\ParameterType;
|
|||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
use TYPO3\CMS\Extbase\Service\ImageService;
|
use TYPO3\CMS\Extbase\Service\ImageService;
|
||||||
|
use TYPO3\CMS\Frontend\ContentObject\ContentObjectRenderer;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* UserFunc to render a single market as JSON for headless output.
|
* UserFunc to render a single market as JSON for headless output.
|
||||||
@@ -155,9 +157,11 @@ class MarketShowJsonRenderer
|
|||||||
return [
|
return [
|
||||||
'uid' => $uid,
|
'uid' => $uid,
|
||||||
'title' => (string)($market['title'] ?? ''),
|
'title' => (string)($market['title'] ?? ''),
|
||||||
|
'slug' => (string)($market['slug'] ?? ''),
|
||||||
'subtitle' => (string)($market['subtitle'] ?? ''),
|
'subtitle' => (string)($market['subtitle'] ?? ''),
|
||||||
'teaser' => (string)($market['teaser'] ?? ''),
|
'teaser' => (string)($market['teaser'] ?? ''),
|
||||||
'description' => (string)($market['description'] ?? ''),
|
'description' => RteResolver::html($market['description'] ?? ''),
|
||||||
|
'detailUrl' => $this->detailUrl((int)($market['detail_page'] ?? 0)),
|
||||||
'categories' => $this->getMarketCategories($uid),
|
'categories' => $this->getMarketCategories($uid),
|
||||||
'image' => $this->getMarketImage($uid),
|
'image' => $this->getMarketImage($uid),
|
||||||
];
|
];
|
||||||
@@ -267,4 +271,25 @@ class MarketShowJsonRenderer
|
|||||||
];
|
];
|
||||||
}, $categories);
|
}, $categories);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resolve the `detail_page` uid to a URL. The frontend cannot do anything
|
||||||
|
* with a raw page uid, so the link is built server side — same convention
|
||||||
|
* as `headerLink` and LocationsJsonRenderer.
|
||||||
|
*
|
||||||
|
* Returns null when no page is set or the link cannot be resolved.
|
||||||
|
*/
|
||||||
|
private function detailUrl(int $pageUid): ?string
|
||||||
|
{
|
||||||
|
if ($pageUid <= 0) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
$cObj = GeneralUtility::makeInstance(ContentObjectRenderer::class);
|
||||||
|
$url = $cObj->typoLink_URL(['parameter' => (string)$pageUid]);
|
||||||
|
return $url !== '' ? $url : null;
|
||||||
|
} catch (\Throwable $e) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -5,6 +5,7 @@ declare(strict_types=1);
|
|||||||
namespace Evomedien\Vitec\UserFunc;
|
namespace Evomedien\Vitec\UserFunc;
|
||||||
|
|
||||||
use Doctrine\DBAL\ParameterType;
|
use Doctrine\DBAL\ParameterType;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use Evomedien\Vitec\Service\UsecaseSerializer;
|
use Evomedien\Vitec\Service\UsecaseSerializer;
|
||||||
use TYPO3\CMS\Core\Attribute\AsAllowedCallable;
|
use TYPO3\CMS\Core\Attribute\AsAllowedCallable;
|
||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
@@ -166,9 +167,10 @@ class ModelcardJsonRenderer
|
|||||||
return [
|
return [
|
||||||
'uid' => $uid,
|
'uid' => $uid,
|
||||||
'title' => (string)($row['title'] ?? ''),
|
'title' => (string)($row['title'] ?? ''),
|
||||||
|
'slug' => (string)($row['slug'] ?? ''),
|
||||||
'subtitle' => (string)($row['subtitle'] ?? ''),
|
'subtitle' => (string)($row['subtitle'] ?? ''),
|
||||||
'teaser' => (string)($row['teaser'] ?? ''),
|
'teaser' => (string)($row['teaser'] ?? ''),
|
||||||
'description' => (string)($row['description'] ?? ''),
|
'description' => RteResolver::html($row['description'] ?? ''),
|
||||||
'image' => $serializer->image($uid, 'image', self::MODEL_TABLES[$modelType], true),
|
'image' => $serializer->image($uid, 'image', self::MODEL_TABLES[$modelType], true),
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ use TYPO3\CMS\Core\Attribute\AsAllowedCallable;
|
|||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
use TYPO3\CMS\Extbase\Service\ImageService;
|
use TYPO3\CMS\Extbase\Service\ImageService;
|
||||||
|
|
||||||
@@ -319,7 +320,7 @@ final class NewsJsonRenderer
|
|||||||
'detailUrl' => $urls['detailUrl'],
|
'detailUrl' => $urls['detailUrl'],
|
||||||
'canonicalUrl' => $urls['canonicalUrl'],
|
'canonicalUrl' => $urls['canonicalUrl'],
|
||||||
'teaser' => (string)($news['teaser'] ?? ''),
|
'teaser' => (string)($news['teaser'] ?? ''),
|
||||||
'bodytext' => (string)($news['bodytext'] ?? ''),
|
'bodytext' => RteResolver::html($news['bodytext'] ?? ''),
|
||||||
'datetime' => (int)($news['datetime'] ?? 0),
|
'datetime' => (int)($news['datetime'] ?? 0),
|
||||||
'archive' => (int)($news['archive'] ?? 0),
|
'archive' => (int)($news['archive'] ?? 0),
|
||||||
'istopnews' => (bool)($news['istopnews'] ?? false),
|
'istopnews' => (bool)($news['istopnews'] ?? false),
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ use TYPO3\CMS\Core\Imaging\ImageManipulation\CropVariantCollection;
|
|||||||
use TYPO3\CMS\Core\Resource\FileReference;
|
use TYPO3\CMS\Core\Resource\FileReference;
|
||||||
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
use TYPO3\CMS\Extbase\Service\ImageService;
|
use TYPO3\CMS\Extbase\Service\ImageService;
|
||||||
|
|
||||||
@@ -177,9 +178,9 @@ class ProductListJsonRenderer
|
|||||||
'teaser' => (string)($product['teaser'] ?? ''),
|
'teaser' => (string)($product['teaser'] ?? ''),
|
||||||
'subtitle' => (string)($product['subtitle'] ?? ''),
|
'subtitle' => (string)($product['subtitle'] ?? ''),
|
||||||
'video' => (string)($product['video'] ?? ''),
|
'video' => (string)($product['video'] ?? ''),
|
||||||
'applications' => (string)($product['applications'] ?? ''),
|
'applications' => RteResolver::html($product['applications'] ?? ''),
|
||||||
'description' => (string)($product['description'] ?? ''),
|
'description' => RteResolver::html($product['description'] ?? ''),
|
||||||
'highlights' => (string)($product['highlights'] ?? ''),
|
'highlights' => RteResolver::html($product['highlights'] ?? ''),
|
||||||
'shortcutpid' => (string)($product['shortcutpid'] ?? ''),
|
'shortcutpid' => (string)($product['shortcutpid'] ?? ''),
|
||||||
'contentelement' => \Evomedien\Vitec\Service\ContentElementResolver::resolveLink((string)($product['contentelement'] ?? '')),
|
'contentelement' => \Evomedien\Vitec\Service\ContentElementResolver::resolveLink((string)($product['contentelement'] ?? '')),
|
||||||
'contentelementcta' => \Evomedien\Vitec\Service\ContentElementResolver::resolveLink((string)($product['contentelementcta'] ?? '')),
|
'contentelementcta' => \Evomedien\Vitec\Service\ContentElementResolver::resolveLink((string)($product['contentelementcta'] ?? '')),
|
||||||
@@ -697,7 +698,7 @@ class ProductListJsonRenderer
|
|||||||
'title' => $download['title'] ?? '',
|
'title' => $download['title'] ?? '',
|
||||||
'slug' => $download['slug'] ?? '',
|
'slug' => $download['slug'] ?? '',
|
||||||
'teaser' => $download['teaser'] ?? '',
|
'teaser' => $download['teaser'] ?? '',
|
||||||
'description' => $download['description'] ?? '',
|
'description' => RteResolver::html($download['description'] ?? ''),
|
||||||
'keywords' => $download['keywords'] ?? '',
|
'keywords' => $download['keywords'] ?? '',
|
||||||
'icon' => $download['icon'] ?? '',
|
'icon' => $download['icon'] ?? '',
|
||||||
'fileprefix' => $fileprefix,
|
'fileprefix' => $fileprefix,
|
||||||
@@ -741,7 +742,7 @@ class ProductListJsonRenderer
|
|||||||
'slug' => (string)($rel['slug'] ?? ''),
|
'slug' => (string)($rel['slug'] ?? ''),
|
||||||
'subtitle' => (string)($rel['subtitle'] ?? ''),
|
'subtitle' => (string)($rel['subtitle'] ?? ''),
|
||||||
'teaser' => (string)($rel['teaser'] ?? ''),
|
'teaser' => (string)($rel['teaser'] ?? ''),
|
||||||
'description' => (string)($rel['description'] ?? ''),
|
'description' => RteResolver::html($rel['description'] ?? ''),
|
||||||
'link' => '/product/' . (string)($rel['slug'] ?? ''),
|
'link' => '/product/' . (string)($rel['slug'] ?? ''),
|
||||||
'images' => $this->getProductImages($relUid),
|
'images' => $this->getProductImages($relUid),
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ use TYPO3\CMS\Core\Attribute\AsAllowedCallable;
|
|||||||
use TYPO3\CMS\Core\Core\Environment;
|
use TYPO3\CMS\Core\Core\Environment;
|
||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
||||||
use TYPO3\CMS\Core\Imaging\ImageManipulation\CropVariantCollection;
|
use TYPO3\CMS\Core\Imaging\ImageManipulation\CropVariantCollection;
|
||||||
@@ -192,9 +193,9 @@ class ProductShowJsonRenderer
|
|||||||
'teaser' => (string)($product['teaser'] ?? ''),
|
'teaser' => (string)($product['teaser'] ?? ''),
|
||||||
'subtitle' => (string)($product['subtitle'] ?? ''),
|
'subtitle' => (string)($product['subtitle'] ?? ''),
|
||||||
'video' => (string)($product['video'] ?? ''),
|
'video' => (string)($product['video'] ?? ''),
|
||||||
'applications' => (string)($product['applications'] ?? ''),
|
'applications' => RteResolver::html($product['applications'] ?? ''),
|
||||||
'description' => (string)($product['description'] ?? ''),
|
'description' => RteResolver::html($product['description'] ?? ''),
|
||||||
'highlights' => (string)($product['highlights'] ?? ''),
|
'highlights' => RteResolver::html($product['highlights'] ?? ''),
|
||||||
'shortcutpid' => (string)($product['shortcutpid'] ?? ''),
|
'shortcutpid' => (string)($product['shortcutpid'] ?? ''),
|
||||||
'contentelement' => \Evomedien\Vitec\Service\ContentElementResolver::resolveLink((string)($product['contentelement'] ?? '')),
|
'contentelement' => \Evomedien\Vitec\Service\ContentElementResolver::resolveLink((string)($product['contentelement'] ?? '')),
|
||||||
'contentelementcta' => \Evomedien\Vitec\Service\ContentElementResolver::resolveLink((string)($product['contentelementcta'] ?? '')),
|
'contentelementcta' => \Evomedien\Vitec\Service\ContentElementResolver::resolveLink((string)($product['contentelementcta'] ?? '')),
|
||||||
@@ -769,7 +770,7 @@ class ProductShowJsonRenderer
|
|||||||
'title' => $download['title'] ?? '',
|
'title' => $download['title'] ?? '',
|
||||||
'slug' => $download['slug'] ?? '',
|
'slug' => $download['slug'] ?? '',
|
||||||
'teaser' => $download['teaser'] ?? '',
|
'teaser' => $download['teaser'] ?? '',
|
||||||
'description' => $download['description'] ?? '',
|
'description' => RteResolver::html($download['description'] ?? ''),
|
||||||
'keywords' => $download['keywords'] ?? '',
|
'keywords' => $download['keywords'] ?? '',
|
||||||
'icon' => $download['icon'] ?? '',
|
'icon' => $download['icon'] ?? '',
|
||||||
'fileprefix' => $fileprefix,
|
'fileprefix' => $fileprefix,
|
||||||
@@ -813,7 +814,7 @@ class ProductShowJsonRenderer
|
|||||||
'slug' => (string)($rel['slug'] ?? ''),
|
'slug' => (string)($rel['slug'] ?? ''),
|
||||||
'subtitle' => (string)($rel['subtitle'] ?? ''),
|
'subtitle' => (string)($rel['subtitle'] ?? ''),
|
||||||
'teaser' => (string)($rel['teaser'] ?? ''),
|
'teaser' => (string)($rel['teaser'] ?? ''),
|
||||||
'description' => (string)($rel['description'] ?? ''),
|
'description' => RteResolver::html($rel['description'] ?? ''),
|
||||||
'link' => '/product/' . (string)($rel['slug'] ?? ''),
|
'link' => '/product/' . (string)($rel['slug'] ?? ''),
|
||||||
'images' => $this->getProductImages($relUid),
|
'images' => $this->getProductImages($relUid),
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ use Doctrine\DBAL\ParameterType;
|
|||||||
use TYPO3\CMS\Core\Database\ConnectionPool;
|
use TYPO3\CMS\Core\Database\ConnectionPool;
|
||||||
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
use TYPO3\CMS\Core\Resource\ResourceFactory;
|
||||||
use TYPO3\CMS\Core\Service\FlexFormService;
|
use TYPO3\CMS\Core\Service\FlexFormService;
|
||||||
|
use Evomedien\Vitec\Service\RteResolver;
|
||||||
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
use TYPO3\CMS\Core\Utility\GeneralUtility;
|
||||||
use TYPO3\CMS\Extbase\Service\ImageService;
|
use TYPO3\CMS\Extbase\Service\ImageService;
|
||||||
|
|
||||||
@@ -155,9 +156,10 @@ class SolutionShowJsonRenderer
|
|||||||
return [
|
return [
|
||||||
'uid' => $uid,
|
'uid' => $uid,
|
||||||
'title' => (string)($solution['title'] ?? ''),
|
'title' => (string)($solution['title'] ?? ''),
|
||||||
|
'slug' => (string)($solution['slug'] ?? ''),
|
||||||
'subtitle' => (string)($solution['subtitle'] ?? ''),
|
'subtitle' => (string)($solution['subtitle'] ?? ''),
|
||||||
'teaser' => (string)($solution['teaser'] ?? ''),
|
'teaser' => (string)($solution['teaser'] ?? ''),
|
||||||
'description' => (string)($solution['description'] ?? ''),
|
'description' => RteResolver::html($solution['description'] ?? ''),
|
||||||
'categories' => $this->getSolutionCategories($uid),
|
'categories' => $this->getSolutionCategories($uid),
|
||||||
'image' => $this->getSolutionImage($uid),
|
'image' => $this->getSolutionImage($uid),
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -0,0 +1,61 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<T3DataStructure>
|
||||||
|
<meta>
|
||||||
|
<langDisable>1</langDisable>
|
||||||
|
</meta>
|
||||||
|
<sheets>
|
||||||
|
<sDEF>
|
||||||
|
<ROOT>
|
||||||
|
<sheetTitle>Market List Settings</sheetTitle>
|
||||||
|
<type>array</type>
|
||||||
|
<el>
|
||||||
|
<settings.layout>
|
||||||
|
<label>Layout</label>
|
||||||
|
<description>Display variant for the market cards.</description>
|
||||||
|
<config>
|
||||||
|
<type>select</type>
|
||||||
|
<renderType>selectSingle</renderType>
|
||||||
|
<items>
|
||||||
|
<numIndex index="0">
|
||||||
|
<label>Grid</label>
|
||||||
|
<value>grid</value>
|
||||||
|
</numIndex>
|
||||||
|
<numIndex index="1">
|
||||||
|
<label>List</label>
|
||||||
|
<value>list</value>
|
||||||
|
</numIndex>
|
||||||
|
<numIndex index="2">
|
||||||
|
<label>Carousel</label>
|
||||||
|
<value>carousel</value>
|
||||||
|
</numIndex>
|
||||||
|
</items>
|
||||||
|
<default>grid</default>
|
||||||
|
</config>
|
||||||
|
</settings.layout>
|
||||||
|
|
||||||
|
<settings.markets>
|
||||||
|
<label>Markets</label>
|
||||||
|
<description>Leave empty to show all markets alphabetically. If you select markets, exactly those are shown — in the order you arrange them here (use the arrows to sort).</description>
|
||||||
|
<config>
|
||||||
|
<type>select</type>
|
||||||
|
<renderType>selectMultipleSideBySide</renderType>
|
||||||
|
<foreign_table>tx_vitec_domain_model_market</foreign_table>
|
||||||
|
<foreign_table_where>AND tx_vitec_domain_model_market.hidden = 0 AND tx_vitec_domain_model_market.deleted = 0 ORDER BY tx_vitec_domain_model_market.title</foreign_table_where>
|
||||||
|
<size>8</size>
|
||||||
|
<minitems>0</minitems>
|
||||||
|
<maxitems>999</maxitems>
|
||||||
|
</config>
|
||||||
|
</settings.markets>
|
||||||
|
|
||||||
|
<settings.debug>
|
||||||
|
<label>Allow Debug Output</label>
|
||||||
|
<config>
|
||||||
|
<type>check</type>
|
||||||
|
<default>0</default>
|
||||||
|
</config>
|
||||||
|
</settings.debug>
|
||||||
|
</el>
|
||||||
|
</ROOT>
|
||||||
|
</sDEF>
|
||||||
|
</sheets>
|
||||||
|
</T3DataStructure>
|
||||||
@@ -80,6 +80,10 @@ return [
|
|||||||
'provider' => SvgIconProvider::class,
|
'provider' => SvgIconProvider::class,
|
||||||
'source' => 'EXT:vitec/Resources/Public/Icons/vitec-plugin-locationlist.svg',
|
'source' => 'EXT:vitec/Resources/Public/Icons/vitec-plugin-locationlist.svg',
|
||||||
],
|
],
|
||||||
|
'vitec-plugin-marketlist' => [
|
||||||
|
'provider' => SvgIconProvider::class,
|
||||||
|
'source' => 'EXT:vitec/Resources/Public/Icons/vitec-plugin-marketlist.svg',
|
||||||
|
],
|
||||||
'vitec-plugin-customerlogos' => [
|
'vitec-plugin-customerlogos' => [
|
||||||
'provider' => SvgIconProvider::class,
|
'provider' => SvgIconProvider::class,
|
||||||
'source' => 'EXT:vitec/Resources/Public/Icons/vitec-plugin-customerlogos.svg',
|
'source' => 'EXT:vitec/Resources/Public/Icons/vitec-plugin-customerlogos.svg',
|
||||||
|
|||||||
@@ -101,6 +101,18 @@ tt_content {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
vitec_marketlist < lib.contentElementWithHeader
|
||||||
|
vitec_marketlist {
|
||||||
|
fields {
|
||||||
|
content {
|
||||||
|
fields {
|
||||||
|
markets = USER
|
||||||
|
markets.userFunc = Evomedien\Vitec\UserFunc\MarketListJsonRenderer->render
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
vitec_solutionshow < lib.contentElementWithHeader
|
vitec_solutionshow < lib.contentElementWithHeader
|
||||||
vitec_solutionshow {
|
vitec_solutionshow {
|
||||||
fields {
|
fields {
|
||||||
|
|||||||
@@ -101,6 +101,16 @@ use TYPO3\CMS\Extbase\Utility\ExtensionUtility;
|
|||||||
'FILE:EXT:vitec/Configuration/FlexForms/Locationlist.xml'
|
'FILE:EXT:vitec/Configuration/FlexForms/Locationlist.xml'
|
||||||
);
|
);
|
||||||
|
|
||||||
|
ExtensionUtility::registerPlugin(
|
||||||
|
'Vitec',
|
||||||
|
'Marketlist',
|
||||||
|
'VITEC Market List',
|
||||||
|
'vitec-plugin-marketlist',
|
||||||
|
'vitec',
|
||||||
|
'All markets as grid, list or carousel.',
|
||||||
|
'FILE:EXT:vitec/Configuration/FlexForms/Marketlist.xml'
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
// Change frame_class to allow multiple selections.
|
// Change frame_class to allow multiple selections.
|
||||||
$GLOBALS['TCA']['tt_content']['columns']['frame_class']['config']['renderType'] = 'selectCheckBox';
|
$GLOBALS['TCA']['tt_content']['columns']['frame_class']['config']['renderType'] = 'selectCheckBox';
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ return [
|
|||||||
],
|
],
|
||||||
'types' => [
|
'types' => [
|
||||||
'1' => [
|
'1' => [
|
||||||
'showitem' => 'title, subtitle, teaser, description, image,
|
'showitem' => 'title, slug, detail_page, subtitle, teaser, description, image,
|
||||||
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:categories, categories,
|
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:categories, categories,
|
||||||
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:language, sys_language_uid, l10n_parent, l10n_diffsource,
|
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:language, sys_language_uid, l10n_parent, l10n_diffsource,
|
||||||
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:access, hidden, starttime, endtime',
|
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:access, hidden, starttime, endtime',
|
||||||
@@ -112,6 +112,34 @@ return [
|
|||||||
'default' => '',
|
'default' => '',
|
||||||
],
|
],
|
||||||
],
|
],
|
||||||
|
'slug' => [
|
||||||
|
'exclude' => false,
|
||||||
|
'label' => 'URL Segment',
|
||||||
|
'config' => [
|
||||||
|
'type' => 'slug',
|
||||||
|
'size' => 50,
|
||||||
|
'generatorOptions' => [
|
||||||
|
'fields' => ['title'],
|
||||||
|
'fieldSeparator' => '-',
|
||||||
|
'replacements' => [
|
||||||
|
'/' => '',
|
||||||
|
],
|
||||||
|
],
|
||||||
|
'fallbackCharacter' => '-',
|
||||||
|
'eval' => 'uniqueInPid',
|
||||||
|
],
|
||||||
|
],
|
||||||
|
'detail_page' => [
|
||||||
|
'exclude' => true,
|
||||||
|
'label' => 'Detail Page',
|
||||||
|
'description' => 'Page that presents this market. Resolved to a URL in the JSON output; leave empty for no link.',
|
||||||
|
'config' => [
|
||||||
|
'type' => 'group',
|
||||||
|
'allowed' => 'pages',
|
||||||
|
'size' => 1,
|
||||||
|
'maxitems' => 1,
|
||||||
|
],
|
||||||
|
],
|
||||||
'subtitle' => [
|
'subtitle' => [
|
||||||
'exclude' => true,
|
'exclude' => true,
|
||||||
'label' => 'Subtitle',
|
'label' => 'Subtitle',
|
||||||
|
|||||||
@@ -311,7 +311,7 @@ return [
|
|||||||
'label' => 'Applications',
|
'label' => 'Applications',
|
||||||
'config' => [
|
'config' => [
|
||||||
'type' => 'text',
|
'type' => 'text',
|
||||||
'enableRichtext' => 'true',
|
'enableRichtext' => true,
|
||||||
'eval' => 'trim',
|
'eval' => 'trim',
|
||||||
'default' => ''
|
'default' => ''
|
||||||
],
|
],
|
||||||
@@ -322,7 +322,7 @@ return [
|
|||||||
'label' => 'Description',
|
'label' => 'Description',
|
||||||
'config' => [
|
'config' => [
|
||||||
'type' => 'text',
|
'type' => 'text',
|
||||||
'enableRichtext' => 'true',
|
'enableRichtext' => true,
|
||||||
'eval' => 'trim',
|
'eval' => 'trim',
|
||||||
'default' => ''
|
'default' => ''
|
||||||
],
|
],
|
||||||
@@ -334,7 +334,7 @@ return [
|
|||||||
'label' => 'Highlights',
|
'label' => 'Highlights',
|
||||||
'config' => [
|
'config' => [
|
||||||
'type' => 'text',
|
'type' => 'text',
|
||||||
'enableRichtext' => 'true',
|
'enableRichtext' => true,
|
||||||
'eval' => 'trim',
|
'eval' => 'trim',
|
||||||
'default' => ''
|
'default' => ''
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ return [
|
|||||||
],
|
],
|
||||||
'types' => [
|
'types' => [
|
||||||
'1' => [
|
'1' => [
|
||||||
'showitem' => 'title, subtitle, teaser, description, image,
|
'showitem' => 'title, slug, subtitle, teaser, description, image,
|
||||||
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:categories, categories,
|
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:categories, categories,
|
||||||
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:language, sys_language_uid, l10n_parent, l10n_diffsource,
|
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:language, sys_language_uid, l10n_parent, l10n_diffsource,
|
||||||
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:access, hidden, starttime, endtime',
|
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:access, hidden, starttime, endtime',
|
||||||
@@ -112,6 +112,23 @@ return [
|
|||||||
'default' => '',
|
'default' => '',
|
||||||
],
|
],
|
||||||
],
|
],
|
||||||
|
'slug' => [
|
||||||
|
'exclude' => false,
|
||||||
|
'label' => 'URL Segment',
|
||||||
|
'config' => [
|
||||||
|
'type' => 'slug',
|
||||||
|
'size' => 50,
|
||||||
|
'generatorOptions' => [
|
||||||
|
'fields' => ['title'],
|
||||||
|
'fieldSeparator' => '-',
|
||||||
|
'replacements' => [
|
||||||
|
'/' => '',
|
||||||
|
],
|
||||||
|
],
|
||||||
|
'fallbackCharacter' => '-',
|
||||||
|
'eval' => 'uniqueInPid',
|
||||||
|
],
|
||||||
|
],
|
||||||
'subtitle' => [
|
'subtitle' => [
|
||||||
'exclude' => true,
|
'exclude' => true,
|
||||||
'label' => 'Subtitle',
|
'label' => 'Subtitle',
|
||||||
|
|||||||
@@ -3,12 +3,23 @@
|
|||||||
| | |
|
| | |
|
||||||
|---|---|
|
|---|---|
|
||||||
| **Document identifier** | EVO‑VITEC‑HL‑001 |
|
| **Document identifier** | EVO‑VITEC‑HL‑001 |
|
||||||
| **Version** | 1.0 |
|
| **Version** | 1.5 |
|
||||||
| **Status** | Released |
|
| **Status** | Released |
|
||||||
| **Date** | 2026‑07‑09 |
|
| **Date** | 2026‑08‑05 |
|
||||||
| **Applies to** | `evomedien/vitec` on TYPO3 v14.3 (headless) |
|
| **Applies to** | `evomedien/vitec` on TYPO3 v14.3 (headless) |
|
||||||
| **Owner** | evomedien — VITEC relaunch |
|
| **Owner** | evomedien — VITEC relaunch |
|
||||||
|
|
||||||
|
**Revision history**
|
||||||
|
|
||||||
|
| Version | Date | Changes |
|
||||||
|
|---|---|---|
|
||||||
|
| 1.0 | 2026‑07‑09 | Initial released specification. |
|
||||||
|
| 1.1 | 2026‑08‑05 | Catalogue completed with the card, customer‑logo, location and form plugins (7.8–7.11, 8). Page‑level auxiliary fields — menus and favicons — specified (6.7, 7.12). Form‑submission endpoint added to the interface (7.8.2). Crop‑variant and debug‑flag conventions added (9.9, 9.10). News CType count corrected to nine and the `=<` marking on `news_pi1` withdrawn (7.6, 8, B‑1). Nonconformities B‑8…B‑10 recorded. |
|
||||||
|
| 1.2 | 2026‑08‑05 | **Interface change (additive):** `tx_vitec_domain_model_market` and `tx_vitec_domain_model_solution` gained a `slug` field, now emitted by `MarketShowJsonRenderer`, `SolutionShowJsonRenderer` and the card payload. Market and Solution detail payloads specified (7.13); 7.9 updated. |
|
||||||
|
| 1.3 | 2026‑08‑05 | **New plugin** `vitec_marketlist` (`MarketListJsonRenderer`, payload key `markets`) — first list plugin built entirely on the shared serializer per 9.2, with editor‑controlled selection and ordering. Clause 7.13 restructured into detail (7.13.1) and list (7.13.2); catalogue updated. |
|
||||||
|
| 1.4 | 2026‑08‑05 | **Interface change (additive):** `tx_vitec_domain_model_market` gained a `detail_page` field (TCA `group`/`pages`), emitted as the **resolved** `detailUrl` in both market payloads (7.13.1, 7.13.2). Not added to Solution — see B‑11. |
|
||||||
|
| 1.5 | 2026‑08‑05 | **Defect fix, output‑changing:** richtext fields were emitted as raw database content by every VITEC UserFunc renderer, leaving `t3://` links unresolved in the JSON. New `RteResolver` service and mandatory convention 9.11; applied at all 19 richtext call sites across 11 renderers. Duplication register 10.2 updated. |
|
||||||
|
|
||||||
This document is drafted in the style of, and adopts the terminology conventions of,
|
This document is drafted in the style of, and adopts the terminology conventions of,
|
||||||
ISO/IEC/IEEE 42010 (architecture description), ISO/IEC/IEEE 26514 (information for
|
ISO/IEC/IEEE 42010 (architecture description), ISO/IEC/IEEE 26514 (information for
|
||||||
users) and ISO/IEC 25010 (product quality). The key words **shall**, **should** and
|
users) and ISO/IEC 25010 (product quality). The key words **shall**, **should** and
|
||||||
@@ -34,7 +45,8 @@ The platform combines the generic headless page renderer (`friendsoftypo3/headle
|
|||||||
with three sources of content JSON:
|
with three sources of content JSON:
|
||||||
|
|
||||||
1. **Custom plugins** (product, use case/success story, market, solution, downloads,
|
1. **Custom plugins** (product, use case/success story, market, solution, downloads,
|
||||||
datasheets, events, news) rendered by dedicated *UserFunc* classes;
|
datasheets, events, news, cards, customer logos, locations, forms) rendered by
|
||||||
|
dedicated *UserFunc* classes;
|
||||||
2. **Layout containers** (b13/container based column grids and a card carousel)
|
2. **Layout containers** (b13/container based column grids and a card carousel)
|
||||||
rendered by a *DataProcessor*;
|
rendered by a *DataProcessor*;
|
||||||
3. **Content Blocks** (`friendsoftypo3/content-blocks`) serialised automatically by
|
3. **Content Blocks** (`friendsoftypo3/content-blocks`) serialised automatically by
|
||||||
@@ -43,6 +55,11 @@ with three sources of content JSON:
|
|||||||
All three are unified under a single **content‑element envelope** so that the front
|
All three are unified under a single **content‑element envelope** so that the front
|
||||||
end can consume every element with one predictable shape.
|
end can consume every element with one predictable shape.
|
||||||
|
|
||||||
|
Alongside `content[]` the page object carries **page‑level auxiliary fields** — the
|
||||||
|
navigation menus, the favicon set and the schema.org graph (Clause 6.7). One
|
||||||
|
**write‑side** endpoint complements the read interface: form submissions are POSTed
|
||||||
|
back to the CMS (Clause 7.8.2).
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 1 Scope
|
## 1 Scope
|
||||||
@@ -51,7 +68,8 @@ end can consume every element with one predictable shape.
|
|||||||
This document specifies:
|
This document specifies:
|
||||||
- the runtime environment and the software stack (Clause 5);
|
- the runtime environment and the software stack (Clause 5);
|
||||||
- the JSON rendering pipeline and its layers (Clause 6);
|
- the JSON rendering pipeline and its layers (Clause 6);
|
||||||
- the public JSON interface — envelope, payloads, structured data (Clause 7);
|
- the public JSON interface — envelope, payloads, structured data, page‑level
|
||||||
|
auxiliary fields and the form‑submission endpoint (Clause 7);
|
||||||
- the catalogue of content types and their JSON keys (Clause 8);
|
- the catalogue of content types and their JSON keys (Clause 8);
|
||||||
- the mandatory conventions for implementing and extending renderers (Clause 9);
|
- the mandatory conventions for implementing and extending renderers (Clause 9);
|
||||||
- maintainability and upgrade‑safety requirements (Clause 10);
|
- maintainability and upgrade‑safety requirements (Clause 10);
|
||||||
@@ -157,7 +175,17 @@ definitions on top. The headless page response carries
|
|||||||
enhancers for products (`tx_vitec_domain_model_product.slug`) and news detail
|
enhancers for products (`tx_vitec_domain_model_product.slug`) and news detail
|
||||||
(`path_segment`).
|
(`path_segment`).
|
||||||
|
|
||||||
### 5.3 Architectural principles (rationale)
|
### 5.3 Frontend middlewares
|
||||||
|
Two middlewares are registered in `Configuration/RequestMiddlewares.php`, both after
|
||||||
|
`typo3/cms-core/normalized-params-attribute` and before `typo3/cms-frontend/site` —
|
||||||
|
that is, **before page resolution**:
|
||||||
|
|
||||||
|
| Middleware | Purpose |
|
||||||
|
|---|---|
|
||||||
|
| `vitec/form-submission` | Answers `POST /api/vitec/form/<formKey>` (Clause 7.8.2). Every other request passes through untouched. |
|
||||||
|
| `vitec/success-story-path-rewrite` | Rewrites `/success-stories/<slug>` internally to `/success-stories/story/<slug>` when `<slug>` matches a visible Success Story. The page router would otherwise always resolve the public SEO URL to the list page (longest page‑slug prefix), so the detail subpage could never answer it. The browser URL is unchanged; a non‑matching slug leaves the request untouched; any exception leaves the request untouched. |
|
||||||
|
|
||||||
|
### 5.4 Architectural principles (rationale)
|
||||||
- **P1 — One envelope.** Every content element, regardless of source, is exposed with
|
- **P1 — One envelope.** Every content element, regardless of source, is exposed with
|
||||||
the same outer shape so the front end has a single rendering contract.
|
the same outer shape so the front end has a single rendering contract.
|
||||||
- **P2 — Payload isolation.** Domain JSON is produced in PHP, fully decoupled from
|
- **P2 — Payload isolation.** Domain JSON is produced in PHP, fully decoupled from
|
||||||
@@ -192,6 +220,8 @@ HTTP request (Accept: application/json, headless:1)
|
|||||||
[L5] Normalisation & nesting ContentElementResolver / PLUGIN_RENDERERS
|
[L5] Normalisation & nesting ContentElementResolver / PLUGIN_RENDERERS
|
||||||
▼
|
▼
|
||||||
[L6] Structured data (JSON‑LD) PageJsonLdRenderer + StructuredDataService
|
[L6] Structured data (JSON‑LD) PageJsonLdRenderer + StructuredDataService
|
||||||
|
▼
|
||||||
|
[L7] Page‑level fields menus (MenuProcessor) + favicons
|
||||||
```
|
```
|
||||||
|
|
||||||
### 6.1 L1 — Page renderer
|
### 6.1 L1 — Page renderer
|
||||||
@@ -282,6 +312,32 @@ Node types and their triggers:
|
|||||||
FAQ and event nodes are collected from the respective tables; event image URLs are
|
FAQ and event nodes are collected from the respective tables; event image URLs are
|
||||||
currently built with a hard‑coded `/fileadmin` prefix (see 10.3 / Annex B‑5).
|
currently built with a hard‑coded `/fileadmin` prefix (see 10.3 / Annex B‑5).
|
||||||
|
|
||||||
|
### 6.7 L7 — Page‑level auxiliary fields
|
||||||
|
Beyond `content[]` and `jsonLd`, four further fields are attached to the page object
|
||||||
|
in `Configuration/TypoScript/Headless/vitec_menus.typoscript`:
|
||||||
|
|
||||||
|
```typoscript
|
||||||
|
page.10.fields.mainNavigation =< lib.mainNavigation
|
||||||
|
page.10.fields.footerMenu =< lib.footerMenu
|
||||||
|
page.10.fields.metaMenu =< lib.metaMenu
|
||||||
|
page.10.fields.favicons = USER
|
||||||
|
page.10.fields.favicons.userFunc = Evomedien\Vitec\UserFunc\FaviconsJsonRenderer->render
|
||||||
|
```
|
||||||
|
|
||||||
|
The three menus are built by `FriendsOfTYPO3\Headless\DataProcessing\MenuProcessor`,
|
||||||
|
which resolves shortcut pages to their target, skips pages with `nav_hide = 1`, marks
|
||||||
|
active/current items and nests sub‑levels under `children`. `mainNavigation` is the
|
||||||
|
full hierarchy (`levels = 10`, `expandAll = 1`); `footerMenu` and `metaMenu` are
|
||||||
|
curated flat lists driven by the site settings `menu.footer.pageUids` and
|
||||||
|
`menu.meta.pageUids`. All three use the title field `nav_title // title` and exclude
|
||||||
|
spacers.
|
||||||
|
|
||||||
|
> **NOTE** These menus use the reference operator `=<` against `lib.*` objects. That
|
||||||
|
> is the idiomatic headless form and is safe; the `<`‑copy rule of 6.4/10.5(1)
|
||||||
|
> constrains `tt_content → tt_content` derivations only.
|
||||||
|
|
||||||
|
Payloads are specified in Clause 7.12.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 7 JSON interface specification
|
## 7 JSON interface specification
|
||||||
@@ -348,6 +404,24 @@ a lean variant of the envelope:
|
|||||||
(`tx_vitec_col{N}_align/justify`); they therefore apply to **all** children of that
|
(`tx_vitec_col{N}_align/justify`); they therefore apply to **all** children of that
|
||||||
column. These container‑only fields **shall not** appear in a child’s `data`
|
column. These container‑only fields **shall not** appear in a child’s `data`
|
||||||
(enforced by `CONTAINER_FIELDS` filtering).
|
(enforced by `CONTAINER_FIELDS` filtering).
|
||||||
|
- `tx_vitec_bg_variant` is passed through unchanged (background variant of the grid).
|
||||||
|
- `vitec_container` and `vitec_cards_carousel` **drop** `gap` (single column / single
|
||||||
|
track) and add `cssClass`, read from the FlexForm `settings.cssClass`.
|
||||||
|
|
||||||
|
`vitec_cards_carousel` additionally emits a `carousel` object from its FlexForm:
|
||||||
|
|
||||||
|
```jsonc
|
||||||
|
{ "carousel": { "slidesPerView": "3", "showArrows": "1", "showIndicators": "1",
|
||||||
|
"loop": "0", "autoplay": "1", "autoplayInterval": "5000" } }
|
||||||
|
```
|
||||||
|
|
||||||
|
> **NOTE** These members are TypoScript `TEXT` values and therefore arrive as
|
||||||
|
> **strings**, not numbers or booleans. The front end coerces them.
|
||||||
|
|
||||||
|
The `colPos` value of each column is fixed by `COLPOS_TO_COLUMN` in
|
||||||
|
`ContainerChildrenProcessor` — 211/212 (50/50), 221–223 (33/33/33), 231–234
|
||||||
|
(25/25/25/25), 241/242 (66/33), 251/252 (33/66) — and **shall** be kept in sync with
|
||||||
|
the container TCA (Annex B‑5).
|
||||||
|
|
||||||
### 7.5 Success Story (use case) detail payload
|
### 7.5 Success Story (use case) detail payload
|
||||||
Produced by `UsecaseSerializer::serializeDetail()` — the reference implementation of
|
Produced by `UsecaseSerializer::serializeDetail()` — the reference implementation of
|
||||||
@@ -389,8 +463,13 @@ Produced by `NewsJsonRenderer` under `content.news`:
|
|||||||
"templateLayoutLabel": "Compact List", "detailPid": 45, … } }
|
"templateLayoutLabel": "Compact List", "detailPid": 45, … } }
|
||||||
```
|
```
|
||||||
|
|
||||||
Ten News CTypes (`news_pi1`, `news_newsdetail`, `news_newsliststicky`, …) share one
|
Nine News CTypes share this one renderer — `news_pi1` plus the eight variants
|
||||||
renderer; `news_newsdetail` yields `mode: "detail"` with a single `news` object.
|
`news_newsliststicky`, `news_newsselectedlist`, `news_newsdetail`,
|
||||||
|
`news_newsdatemenu`, `news_categorylist`, `news_newssearchform`,
|
||||||
|
`news_newssearchresult`, `news_taglist`. `news_newsdetail` yields `mode: "detail"`
|
||||||
|
with a single `news` object. `news_pi1` is derived with the `<` copy operator from
|
||||||
|
`lib.contentElementWithHeader`, the eight variants with `<` from
|
||||||
|
`tt_content.news_pi1`.
|
||||||
|
|
||||||
### 7.7 Content Blocks
|
### 7.7 Content Blocks
|
||||||
Content Blocks (`card`, `cta-banner`, `hero-section`, `intro-paragraph`, `video`,
|
Content Blocks (`card`, `cta-banner`, `hero-section`, `intro-paragraph`, `video`,
|
||||||
@@ -406,6 +485,245 @@ its collection items are resolved explicitly by `UsecaseSerializer::resolveColum
|
|||||||
into `{ header…, layout, columns: { left: [], right: [] } }`, with the collection
|
into `{ header…, layout, columns: { left: [], right: [] } }`, with the collection
|
||||||
storage table discovered from TCA (`foreign_table`) rather than hard‑coded.
|
storage table discovered from TCA (`foreign_table`) rather than hard‑coded.
|
||||||
|
|
||||||
|
### 7.8 Forms
|
||||||
|
|
||||||
|
#### 7.8.1 Form plugin payload
|
||||||
|
Produced by `FormsJsonRenderer` under `content.form` for all three form CTypes
|
||||||
|
(`vitec_contactform`, `vitec_demoform`, `vitec_helpdeskform`); the CType selects the
|
||||||
|
definition through `FormDefinitions::CTYPE_MAP`:
|
||||||
|
|
||||||
|
```jsonc
|
||||||
|
{ "formKey": "contact", // contact | demo | helpdesk
|
||||||
|
"title": "Contact VITEC",
|
||||||
|
"endpoint": "/api/vitec/form/contact",
|
||||||
|
"honeypot": "_website",
|
||||||
|
"fields": [
|
||||||
|
{ "name": "firstName", "type": "text", "label": "First Name", "required": true },
|
||||||
|
{ "name": "email", "type": "email", "label": "Email", "required": true },
|
||||||
|
{ "name": "country", "type": "select", "label": "Country", "required": false,
|
||||||
|
"optionsSource": "countries" },
|
||||||
|
{ "name": "solution", "type": "select", "label": "Solution of Interest",
|
||||||
|
"required": false, "options": [ "IPTV Distribution", "…" ] }
|
||||||
|
] }
|
||||||
|
```
|
||||||
|
|
||||||
|
Field `type` is one of `text`, `email`, `tel`, `select`, `textarea`. A `select` carries
|
||||||
|
either an inline `options` array **or** an `optionsSource` key (`countries`,
|
||||||
|
`usStates`) naming a list the front end supplies itself — this keeps long ISO lists out
|
||||||
|
of every page response and consistent across the app. `contact` and `demo` share one
|
||||||
|
field set; `helpdesk` has its own, adding `product` and `serialNumber`.
|
||||||
|
|
||||||
|
`Classes/Forms/FormDefinitions.php` is the **single source of truth**: the same
|
||||||
|
definition produces this JSON *and* validates the submission server‑side. Fields
|
||||||
|
**shall** be added there and nowhere else.
|
||||||
|
|
||||||
|
#### 7.8.2 Submission endpoint (write side)
|
||||||
|
`FormSubmissionMiddleware` (5.3) answers:
|
||||||
|
|
||||||
|
```
|
||||||
|
POST /api/vitec/form/<formKey> Content-Type: application/json
|
||||||
|
```
|
||||||
|
|
||||||
|
Processing order: honeypot check → validation → persistence → delivery.
|
||||||
|
|
||||||
|
| Situation | HTTP | Body |
|
||||||
|
|---|---|---|
|
||||||
|
| Accepted — including honeypot tripped and delivery failure | 200 | `{"success": true}` |
|
||||||
|
| Validation failed | 422 | `{"success": false, "errors": {"<field>": "<message>"}}` |
|
||||||
|
| Unknown `formKey` | 404 | `{"success": false, "errors": {"_form": "Unknown form"}}` |
|
||||||
|
| Method not POST | 405 | `{"success": false, "errors": {"_form": "POST only"}}` |
|
||||||
|
| Unexpected error | 500 | `{"success": false, "errors": {"_form": "Unexpected error"}}` |
|
||||||
|
|
||||||
|
Every accepted submission is written to `tx_vitec_form_submission` (`form_key`,
|
||||||
|
`payload` as JSON, `delivery_method`, `delivery_status` ∈ {`pending`, `sent`,
|
||||||
|
`failed`}, `delivery_error`) **before** delivery is attempted. Delivery therefore
|
||||||
|
cannot lose data: a failed delivery still answers `success: true` and the failure is
|
||||||
|
visible on the backend record. Unknown payload keys are dropped by
|
||||||
|
`FormDefinitions::filterPayload()`; a filled honeypot field (`_website`) is answered
|
||||||
|
with `success: true` and stored nowhere.
|
||||||
|
|
||||||
|
Delivery is a strategy (`Classes/Forms/Delivery/DeliveryInterface`), selected by the
|
||||||
|
FlexForm setting `delivery` (default `email`):
|
||||||
|
|
||||||
|
| Strategy | State |
|
||||||
|
|---|---|
|
||||||
|
| `EmailDelivery` | active |
|
||||||
|
| `SalesforceDelivery` | **prepared stub** — `deliver()` always throws. A submission with `delivery = salesforce` is stored and then marked `delivery_status = failed`; the endpoint still answers `success: true`, so no data is lost. The previous website posted to Salesforce Web‑to‑Lead; completing it requires the credentials plus the camelCase → Salesforce field‑id mapping. |
|
||||||
|
|
||||||
|
> **NOTE (design constraint)** Delivery settings are read from the **first**
|
||||||
|
> non‑deleted, non‑hidden plugin element of that CType found site‑wide — the endpoint
|
||||||
|
> is stateless and receives no element uid. There is therefore **one delivery
|
||||||
|
> configuration per form type**, not per placed element (Annex B‑10).
|
||||||
|
|
||||||
|
### 7.9 Card payload (`vitec_modelcard`)
|
||||||
|
One plugin serves four model types. The FlexForm picks `modelType` plus one record,
|
||||||
|
and **all** card data comes from that record — nothing is authored on the element:
|
||||||
|
|
||||||
|
```jsonc
|
||||||
|
{ "modelType": "product", // product | story | market | solution
|
||||||
|
"layout": "vertical",
|
||||||
|
"item": { "uid": 12, "title": "…", "slug": "…", "subtitle": "…", "teaser": "…",
|
||||||
|
"image": { "url": "…", "srcset": [ … ] } } }
|
||||||
|
```
|
||||||
|
|
||||||
|
`item` is `null` when no record is selected or the record is hidden/deleted. Per model
|
||||||
|
type: `story` reuses `UsecaseSerializer::serializeListItem()` verbatim (the canonical
|
||||||
|
card serialisation); `product` falls back from the `image` field to `productimage`;
|
||||||
|
`market` and `solution` share one field set and add `description`. **All four model
|
||||||
|
types carry `slug`** (since v1.2), so the front end can build a detail link from any
|
||||||
|
card without a second request.
|
||||||
|
Image resolution is delegated to `UsecaseSerializer::image()`. This renderer is the
|
||||||
|
reference for reusing a serializer instead of re‑implementing FAL logic (9.2).
|
||||||
|
|
||||||
|
Model table names are held in the class constant `MODEL_TABLES` (10.3).
|
||||||
|
|
||||||
|
### 7.10 Locations payload (`vitec_locationlist`)
|
||||||
|
Produced by `LocationsJsonRenderer` under `content.locations`. The plugin is
|
||||||
|
**global**: every visible `tx_vitec_domain_model_location` record is emitted, ordered
|
||||||
|
by `sorting`; the page carrying the plugin is not used as a filter.
|
||||||
|
|
||||||
|
```jsonc
|
||||||
|
{ "variant": "grid", // grid | list | map
|
||||||
|
"mapText": "<p>…</p>", // only when variant = "map" and text is set, else null
|
||||||
|
"locations": [
|
||||||
|
{ "id": 3, "slug": "…", "name": "…", "countryCode": "DE",
|
||||||
|
"coordinates": { "latitude": 50.1, "longitude": 8.6 },
|
||||||
|
"address": { "company": …, "street": …, "additional": …,
|
||||||
|
"postalCode": …, "city": …, "region": …, "country": … },
|
||||||
|
"contact": { "phone": …, "fax": …, "email": … },
|
||||||
|
"links": { "contact": "/contact", "legal": [ "/imprint", "…" ] },
|
||||||
|
"marker": { "label": "…", "color": "#ff6633", "size": 0.5 },
|
||||||
|
"sorting": 1, "active": true } ] }
|
||||||
|
```
|
||||||
|
|
||||||
|
Empty `address` and `contact` members are `null`, never `""`, so the front end can
|
||||||
|
test presence directly. `links.contact` is a resolved typolink; `links.legal` is a
|
||||||
|
newline‑separated list of typolinks, each resolved individually. `marker.label` falls
|
||||||
|
back to the location name, `marker.color` to `#ff6633`, `marker.size` to `0.5`.
|
||||||
|
|
||||||
|
### 7.11 Customer‑logo payload (`vitec_customerlogos`)
|
||||||
|
Produced by `CustomerlogosJsonRenderer` under `content.customerlogos`:
|
||||||
|
|
||||||
|
```jsonc
|
||||||
|
{ "layout": "grid", // list | grid | carousel | marquee
|
||||||
|
"logos": [ { "id": 7, "name": "…", "emphasized": false, "color": true,
|
||||||
|
"logo": { "uid": 42, "url": "…", "title": "…", "alternative": "…",
|
||||||
|
"srcset": [ … ], "properties": { "mimeType": "…" } } } ] }
|
||||||
|
```
|
||||||
|
|
||||||
|
Selection semantics — normative for the front end:
|
||||||
|
|
||||||
|
| FlexForm state | Result |
|
||||||
|
|---|---|
|
||||||
|
| no customers selected | **all** logos, each `color: false` (render black‑and‑white) |
|
||||||
|
| customers selected | the selected ones **first**, in selection order, `color: true`; then all remaining logos, `color: false` |
|
||||||
|
| customers selected + `onlySelected` | only the selected ones, `color: true` |
|
||||||
|
|
||||||
|
`color` is therefore a *rendering hint*, not a property of the record. SVG logos are
|
||||||
|
delivered unprocessed with an empty `srcset`; raster logos receive a WebP `srcset`.
|
||||||
|
|
||||||
|
### 7.12 Page‑level auxiliary payloads
|
||||||
|
Attached to the page object, not to a content element (Clause 6.7).
|
||||||
|
|
||||||
|
**`mainNavigation` / `footerMenu` / `metaMenu`** — arrays of headless `MenuProcessor`
|
||||||
|
items (`title`, `link`, `active`, `current`, `spacer`, `children[]`).
|
||||||
|
|
||||||
|
**`favicons`** — a static, page‑independent descriptor set produced by
|
||||||
|
`FaviconsJsonRenderer`, so the head tags are CMS‑driven instead of hard‑coded in React:
|
||||||
|
|
||||||
|
```jsonc
|
||||||
|
{ "themeColor": "#26358C",
|
||||||
|
"manifest": "/fileadmin/icons/site.webmanifest",
|
||||||
|
"links": [ { "rel": "icon", "type": "image/x-icon",
|
||||||
|
"href": "/fileadmin/icons/favicon.ico" },
|
||||||
|
{ "rel": "icon", "type": "image/png", "sizes": "32x32", "href": "…" },
|
||||||
|
{ "rel": "icon", "type": "image/png", "sizes": "16x16", "href": "…" },
|
||||||
|
{ "rel": "apple-touch-icon", "sizes": "180x180", "href": "…" },
|
||||||
|
{ "rel": "manifest", "href": "…" } ] }
|
||||||
|
```
|
||||||
|
|
||||||
|
`links` is ordered most‑ to least‑specific and is meant to be rendered verbatim as
|
||||||
|
`<link>` elements. Hrefs are root‑relative under `/fileadmin/icons/` — the same
|
||||||
|
convention as image URLs (`UsecaseSerializer::image()`). **If the front end is ever
|
||||||
|
served from an origin other than the CMS, it must prefix these hrefs with the CMS base
|
||||||
|
URL**, exactly as it does for image URLs.
|
||||||
|
|
||||||
|
### 7.13 Market and Solution payloads
|
||||||
|
|
||||||
|
#### 7.13.1 Detail payloads
|
||||||
|
`MarketShowJsonRenderer` and `SolutionShowJsonRenderer` emit the same shape under
|
||||||
|
`content.market` and `content.solution` respectively — the two models are field‑for‑field
|
||||||
|
identical:
|
||||||
|
|
||||||
|
```jsonc
|
||||||
|
{ "uid": 4, "title": "…", "slug": "…", "subtitle": "…", "teaser": "…",
|
||||||
|
"description": "<p>…</p>", // RTE HTML
|
||||||
|
"detailUrl": "/markets/aviation/", // market only, null when unset
|
||||||
|
"categories": [ { "uid": 9, "title": "…", "description": "…" } ],
|
||||||
|
"image": { "uid": 12, "url": "…", "title": "…", "alternative": "…",
|
||||||
|
"description": "…", "srcset": [ … ],
|
||||||
|
"properties": { "width": 1920, "height": 1080, … } } }
|
||||||
|
```
|
||||||
|
|
||||||
|
`slug` was added in v1.2. It is generated from `title` with `eval: uniqueInPid`, exactly
|
||||||
|
as on `product` and `usecase` (9.9 governs their images, 9.6 their naming), and is the
|
||||||
|
routing handle for the `/markets/<slug>/` and `/solutions/<slug>/` URLs of the relaunch
|
||||||
|
sitemap.
|
||||||
|
|
||||||
|
`detailUrl` was added in v1.4 and exists on **Market only**. It is backed by the TCA
|
||||||
|
field `detail_page` (`type: group`, `allowed: pages`, `maxitems: 1`) — the editor picks
|
||||||
|
the page with the standard page browser. The renderer **shall not** expose the raw page
|
||||||
|
uid: a headless front end cannot turn a uid into a link, so the value is resolved with
|
||||||
|
`typoLink_URL()` server side, the same convention as `headerLink` (6.2) and the location
|
||||||
|
links (7.10). It is `null` when no page is selected or the link cannot be resolved —
|
||||||
|
never `0` and never an empty string, so the front end can test it directly.
|
||||||
|
|
||||||
|
> **NOTE** Neither model is *routed* by slug yet: market and solution pages are still
|
||||||
|
> resolved as ordinary TYPO3 pages carrying a `…show` plugin that selects one record via
|
||||||
|
> its FlexForm. The field exists so the front end can build canonical URLs today, and so
|
||||||
|
> slug‑based routing (a route enhancer, as `product` already has, or a middleware, as
|
||||||
|
> Success Stories have) can be introduced later without a second data migration.
|
||||||
|
|
||||||
|
#### 7.13.2 Market list payload (`vitec_marketlist`)
|
||||||
|
`MarketListJsonRenderer` emits, under `content.markets`:
|
||||||
|
|
||||||
|
```jsonc
|
||||||
|
{ "layout": "grid", // grid | list | carousel
|
||||||
|
"markets": [
|
||||||
|
{ "uid": 4, "title": "…", "slug": "…", "subtitle": "…", "teaser": "…",
|
||||||
|
"description": "<p>…</p>", // RTE HTML, resolved per 9.11
|
||||||
|
"detailUrl": "/markets/aviation/", // null when no detail page is set
|
||||||
|
"image": { "url": "…", "srcset": [ … ] } } ] }
|
||||||
|
```
|
||||||
|
|
||||||
|
The page carrying the plugin is never used as a filter. Which markets appear, and in
|
||||||
|
which order, is decided by the FlexForm field `settings.markets`:
|
||||||
|
|
||||||
|
| FlexForm state | Result |
|
||||||
|
|---|---|
|
||||||
|
| nothing selected | **all** visible markets, alphabetical by `title` |
|
||||||
|
| markets selected | exactly those, **in the order the editor arranged them** in the FlexForm |
|
||||||
|
|
||||||
|
The second row is the load‑bearing one: `settings.markets` stores a comma‑separated uid
|
||||||
|
list whose sequence *is* the intended display order. A `WHERE uid IN (…)` query returns
|
||||||
|
rows in storage order and would silently discard it, so the renderer fetches the (small)
|
||||||
|
table once and rebuilds the sequence in PHP — the same approach
|
||||||
|
`CustomerlogosJsonRenderer` uses. Fetching everything also means a selected record that
|
||||||
|
has since been hidden or deleted simply drops out instead of producing a gap or an error.
|
||||||
|
|
||||||
|
`tx_vitec_domain_model_market` has **no `sorting` column**, which is why the unselected
|
||||||
|
case falls back to alphabetical rather than to a backend‑defined order.
|
||||||
|
|
||||||
|
Each item carries the **same field set as the detail payload** (7.13.1) apart from
|
||||||
|
`categories`, so the front end can render a list item, a card and a detail header from
|
||||||
|
one shape. `description` is included and is RTE HTML resolved per 9.11 — it was omitted
|
||||||
|
in v1.3 on the assumption that lists only need `teaser`, which turned out to be wrong in
|
||||||
|
practice. Image resolution is delegated to `UsecaseSerializer::image()` per 9.2; this
|
||||||
|
renderer duplicates no FAL logic.
|
||||||
|
|
||||||
|
A Solution list counterpart does not exist yet. When it is added it **should** reuse this
|
||||||
|
shape under `content.solutions`.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 8 Content‑type catalogue
|
## 8 Content‑type catalogue
|
||||||
@@ -416,13 +734,20 @@ storage table discovered from TCA (`foreign_table`) rather than hard‑coded.
|
|||||||
| `vitec_productshow` | `< lib.…WithHeader` | ProductShowJsonRenderer | `product` | detail |
|
| `vitec_productshow` | `< lib.…WithHeader` | ProductShowJsonRenderer | `product` | detail |
|
||||||
| `vitec_usecaselist` | `< lib.…WithHeader` | UsecaseListJsonRenderer → **UsecaseSerializer** | `usecases` | list |
|
| `vitec_usecaselist` | `< lib.…WithHeader` | UsecaseListJsonRenderer → **UsecaseSerializer** | `usecases` | list |
|
||||||
| `vitec_usecaseshow` | `< lib.…WithHeader` | UsecaseShowJsonRenderer → **UsecaseSerializer** | `usecase` | detail |
|
| `vitec_usecaseshow` | `< lib.…WithHeader` | UsecaseShowJsonRenderer → **UsecaseSerializer** | `usecase` | detail |
|
||||||
|
| `vitec_marketlist` | `< lib.…WithHeader` | MarketListJsonRenderer | `markets` | list (global) |
|
||||||
| `vitec_marketshow` | `< lib.…WithHeader` | MarketShowJsonRenderer | `market` | detail |
|
| `vitec_marketshow` | `< lib.…WithHeader` | MarketShowJsonRenderer | `market` | detail |
|
||||||
| `vitec_solutionshow` | `< lib.…WithHeader` | SolutionShowJsonRenderer | `solution` | detail |
|
| `vitec_solutionshow` | `< lib.…WithHeader` | SolutionShowJsonRenderer | `solution` | detail |
|
||||||
| `vitec_downloadcard` | `< lib.…WithHeader` | DownloadcardJsonRenderer | `downloadcard` | detail |
|
| `vitec_downloadcard` | `< lib.…WithHeader` | DownloadcardJsonRenderer | `downloadcard` | detail |
|
||||||
| `vitec_downloadcardcollection` | `< lib.…WithHeader` | DownloadcardcollectionJsonRenderer | `downloadcardcollection` | list |
|
| `vitec_downloadcardcollection` | `< lib.…WithHeader` | DownloadcardcollectionJsonRenderer | `downloadcardcollection` | list |
|
||||||
| `vitec_datasheets` | `< lib.…WithHeader` | DatasheetsJsonRenderer | `datasheets` | list |
|
| `vitec_datasheets` | `< lib.…WithHeader` | DatasheetsJsonRenderer | `datasheets` | list |
|
||||||
| `vitec_eventlist` | `=< lib.…WithHeader` ⚠ | EventlistJsonRenderer | `eventlist` | list |
|
| `vitec_eventlist` | `=< lib.…WithHeader` ⚠ | EventlistJsonRenderer | `eventlist` | list |
|
||||||
| `news_pi1` (+9 variants) | `=< lib.…WithHeader`; variants `<` | NewsJsonRenderer | `news` | list/detail |
|
| `vitec_locationlist` | `< lib.…WithHeader` | LocationsJsonRenderer | `locations` | list (global) |
|
||||||
|
| `vitec_customerlogos` | `< lib.…WithHeader` | CustomerlogosJsonRenderer | `customerlogos` | list |
|
||||||
|
| `vitec_modelcard` | `< lib.…WithHeader` | ModelcardJsonRenderer | `card` | detail (4 model types) |
|
||||||
|
| `vitec_contactform` | `< lib.…WithHeader` | FormsJsonRenderer | `form` | form |
|
||||||
|
| `vitec_demoform` | `< tt_content.vitec_contactform` | FormsJsonRenderer | `form` | form |
|
||||||
|
| `vitec_helpdeskform` | `< tt_content.vitec_contactform` | FormsJsonRenderer | `form` | form |
|
||||||
|
| `news_pi1` (+8 variants) | `< lib.…WithHeader`; variants `< tt_content.news_pi1` | NewsJsonRenderer | `news` | list/detail |
|
||||||
| `vitec_cols_50_50` | `= JSON` | ContainerChildrenProcessor | `items` | container |
|
| `vitec_cols_50_50` | `= JSON` | ContainerChildrenProcessor | `items` | container |
|
||||||
| `vitec_cols_33_66 / 66_33 / 33_33_33 / 25_25_25_25` | `< vitec_cols_50_50` | ContainerChildrenProcessor | `items` | container |
|
| `vitec_cols_33_66 / 66_33 / 33_33_33 / 25_25_25_25` | `< vitec_cols_50_50` | ContainerChildrenProcessor | `items` | container |
|
||||||
| `vitec_container` | `< vitec_cols_50_50` | ContainerChildrenProcessor | `items` | container (1 col) |
|
| `vitec_container` | `< vitec_cols_50_50` | ContainerChildrenProcessor | `items` | container (1 col) |
|
||||||
@@ -430,7 +755,18 @@ storage table discovered from TCA (`foreign_table`) rather than hard‑coded.
|
|||||||
| Content Blocks (`vitec_card`, …) | Content Blocks + nb‑headless | — | (auto) | element |
|
| Content Blocks (`vitec_card`, …) | Content Blocks + nb‑headless | — | (auto) | element |
|
||||||
| `vitec_columns` (CB, inline) | Content Blocks | UsecaseSerializer (special) | `columns` | element |
|
| `vitec_columns` (CB, inline) | Content Blocks | UsecaseSerializer (special) | `columns` | element |
|
||||||
|
|
||||||
⚠ = uses the reference operator `=<`; see Annex B‑1.
|
⚠ = uses the reference operator `=<` against a `lib.*` object; verified safe, see
|
||||||
|
Annex B‑1. `vitec_eventlist` is the only remaining `=<` derivation among the content
|
||||||
|
elements.
|
||||||
|
|
||||||
|
**Page‑level fields** (not content elements): `jsonLd` (`PageJsonLdRenderer`),
|
||||||
|
`favicons` (`FaviconsJsonRenderer`) and `mainNavigation` / `footerMenu` / `metaMenu`
|
||||||
|
(headless `MenuProcessor`) — Clauses 6.7 and 7.12.
|
||||||
|
|
||||||
|
**Registered but not headless‑enabled:** `vitec_simplecard` is registered as an
|
||||||
|
Extbase plugin and offered in the content‑element wizard, but has neither a TypoScript
|
||||||
|
mapping nor a renderer; placed on a page it emits a content element without a payload
|
||||||
|
(Annex B‑8).
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -492,6 +828,61 @@ Every custom CE/plugin/container **shall** expose the standard header section (t
|
|||||||
"header convention". Header fields in JSON use the names `header`, `subheader`,
|
"header convention". Header fields in JSON use the names `header`, `subheader`,
|
||||||
`headerLayout`, `headerPosition`, `headerLink`.
|
`headerLayout`, `headerPosition`, `headerLink`.
|
||||||
|
|
||||||
|
### 9.9 Image crop variants
|
||||||
|
The "first image" of every card‑capable model (Product, Success Story, Market,
|
||||||
|
Solution) **shall** declare its crop variants through the single definition
|
||||||
|
`Evomedien\Vitec\Tca\CropVariants::firstImage()`, referenced from the model TCA:
|
||||||
|
|
||||||
|
```php
|
||||||
|
'cropVariants' => \Evomedien\Vitec\Tca\CropVariants::firstImage(),
|
||||||
|
```
|
||||||
|
|
||||||
|
It yields three editor tabs — `default` (free, 16:9, 4:3, 1:1; for detail, hero and
|
||||||
|
list use), `card` (4:3) and `largeCard` (16:9); a free crop stays available in each.
|
||||||
|
Crop variants **shall not** be redefined per model.
|
||||||
|
|
||||||
|
### 9.10 Debug flag
|
||||||
|
A plugin FlexForm **may** expose a `settings.debug` checkbox. When it is set the
|
||||||
|
renderer **shall** attach a `debug` member to its payload (typically `settings` plus a
|
||||||
|
count or the resolved record uid) and **shall not** change the regular payload in any
|
||||||
|
other way. This is the only sanctioned form of diagnostic output (9.5); `debug` is
|
||||||
|
absent from production payloads.
|
||||||
|
|
||||||
|
### 9.11 Richtext fields
|
||||||
|
Any field whose TCA carries `enableRichtext` **shall** be passed through
|
||||||
|
`Evomedien\Vitec\Service\RteResolver::html()` before it enters a payload. Handing the
|
||||||
|
raw database column to JSON is **prohibited**.
|
||||||
|
|
||||||
|
```php
|
||||||
|
'description' => RteResolver::html($market['description'] ?? ''), // correct
|
||||||
|
'description' => (string)($market['description'] ?? ''), // prohibited
|
||||||
|
```
|
||||||
|
|
||||||
|
**Rationale.** TYPO3 stores richtext with unresolved internal references — internal
|
||||||
|
links as `<a href="t3://page?uid=12">`, legacy content as `<link>` tags, images with
|
||||||
|
relative paths. Fluid resolves these through `parseFunc` at render time. A headless
|
||||||
|
renderer that skips that step ships dead links to the front end, and the defect is
|
||||||
|
invisible until an editor actually places an internal link.
|
||||||
|
|
||||||
|
The upstream packages already do this for the output they own: `friendsoftypo3/headless`
|
||||||
|
applies `parseFunc =< lib.parseFunc_RTE` to the core text elements via TypoScript, and
|
||||||
|
`nb-headless-content-blocks` calls `parseFunc($value, null, '< lib.parseFunc_RTE')` for
|
||||||
|
every Content Block field with `enableRichtext`. `RteResolver` performs the identical
|
||||||
|
call, so all three paths produce the same HTML.
|
||||||
|
|
||||||
|
The resolver is **static** — the conversion is stateless and the call sites are payload
|
||||||
|
array literals — and **fail‑soft** per 9.5: when no TypoScript setup is available it
|
||||||
|
returns the raw value rather than throwing, so content is never lost.
|
||||||
|
|
||||||
|
> **NOTE** `enableRichtext` **shall** be the boolean `true`, not the string `'true'`.
|
||||||
|
> FormEngine accepts both, but `nb-headless-content-blocks` tests with `=== true` and a
|
||||||
|
> string silently disables its richtext conversion. Three product fields carried the
|
||||||
|
> string form until v1.5.
|
||||||
|
|
||||||
|
Fields that merely *look* like richtext are out of scope: FAL metadata
|
||||||
|
(`sys_file_reference.description`), `sys_category.description` and `sys_file` metadata
|
||||||
|
are plain text and **shall not** be passed through the resolver.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 10 Maintainability and upgrade‑safety (ISO 25010)
|
## 10 Maintainability and upgrade‑safety (ISO 25010)
|
||||||
@@ -501,8 +892,12 @@ and the concrete risks and rules that preserve them.
|
|||||||
|
|
||||||
### 10.1 Modularity — current state
|
### 10.1 Modularity — current state
|
||||||
Strengths: uniform envelope, dual‑entry pattern, exception safety, a shared
|
Strengths: uniform envelope, dual‑entry pattern, exception safety, a shared
|
||||||
`PLUGIN_RENDERERS` map, and the `UsecaseSerializer` reference pattern.
|
`PLUGIN_RENDERERS` map, and the `UsecaseSerializer` reference pattern — reused without
|
||||||
Weakness: **substantial duplication** across the inline renderers.
|
duplication by `ModelcardJsonRenderer` (7.9), while `FormDefinitions` (7.8.1) is the
|
||||||
|
equivalent single source of truth for the form plugins.
|
||||||
|
Weakness: **substantial duplication** remains across the older inline renderers
|
||||||
|
(Product, Download, Datasheet), which is why those are the largest files in the
|
||||||
|
extension.
|
||||||
|
|
||||||
### 10.2 Reusability — duplication register
|
### 10.2 Reusability — duplication register
|
||||||
The following logic is duplicated across many renderers and **should** be extracted
|
The following logic is duplicated across many renderers and **should** be extracted
|
||||||
@@ -510,13 +905,14 @@ into shared services (target design in parentheses):
|
|||||||
|
|
||||||
| Duplicated logic | Occurrences | Target service |
|
| Duplicated logic | Occurrences | Target service |
|
||||||
|---|---|---|
|
|---|---|---|
|
||||||
| FAL image/`srcset` resolution | Product(List/Show), Market, Solution, Event, Datasheets | `FalImageResolver` |
|
| FAL image/`srcset` resolution | Product(List/Show), Market, Solution, Event, Datasheets, Customerlogos | `FalImageResolver` |
|
||||||
| FAL video resolution | Product, Usecase, hero | `FalImageResolver::video()` |
|
| FAL video resolution | Product, Usecase, hero | `FalImageResolver::video()` |
|
||||||
| `sys_category` MM query | ≥ 9 renderers | `CategoryResolver` |
|
| `sys_category` MM query | ≥ 9 renderers | `CategoryResolver` |
|
||||||
| Custom MM (product↔download, …) | ≥ 5 renderers | `RelationResolver::resolveMany()` |
|
| Custom MM (product↔download, …) | ≥ 5 renderers | `RelationResolver::resolveMany()` |
|
||||||
| Download file‑by‑convention | 5 renderers | `ConventionFileResolver` |
|
| Download file‑by‑convention | 5 renderers | `ConventionFileResolver` |
|
||||||
| `letterSequenceToRank()` sort helper | 5 renderers | static utility |
|
| `letterSequenceToRank()` sort helper | 5 renderers | static utility |
|
||||||
| Page‑id discovery | all renderers | `PageIdResolver::resolve()` |
|
| Page‑id discovery | all renderers | `PageIdResolver::resolve()` |
|
||||||
|
| RTE `parseFunc` conversion | 19 sites / 11 renderers | **`RteResolver::html()` — DONE (v1.5)** |
|
||||||
|
|
||||||
> **RULE** When a shared resolver service exists, new renderers **shall** use it and
|
> **RULE** When a shared resolver service exists, new renderers **shall** use it and
|
||||||
> **shall not** re‑implement the logic inline.
|
> **shall not** re‑implement the logic inline.
|
||||||
@@ -569,15 +965,20 @@ Deviations are recorded in Annex B and **shall** carry a remediation plan.
|
|||||||
and/or `serializeDetail()`; reuse existing resolver services.
|
and/or `serializeDetail()`; reuse existing resolver services.
|
||||||
3. **Renderer** — add `Classes/UserFunc/<Domain><Kind>JsonRenderer` per 9.1, delegating
|
3. **Renderer** — add `Classes/UserFunc/<Domain><Kind>JsonRenderer` per 9.1, delegating
|
||||||
to the serializer; implement `render()` (9.3/9.4) and `renderForRecord()`.
|
to the serializer; implement `render()` (9.3/9.4) and `renderForRecord()`.
|
||||||
4. **TypoScript** — in `Configuration/Sets/Vitecset/setup.typoscript`:
|
4. **Registration** — `ExtensionUtility::configurePlugin()` in `ext_localconf.php`, a
|
||||||
|
FlexForm under `Configuration/FlexForms/`, an icon, and a wizard entry in
|
||||||
|
`Configuration/page.tsconfig`.
|
||||||
|
5. **TypoScript** — in `Configuration/Sets/Vitecset/setup.typoscript`:
|
||||||
`tt_content.<ctype> < lib.contentElementWithHeader` and
|
`tt_content.<ctype> < lib.contentElementWithHeader` and
|
||||||
`content.fields.<key> = USER` + `.userFunc = …->render`.
|
`content.fields.<key> = USER` + `.userFunc = …->render`. **Omitting this step
|
||||||
5. **Header section** — ensure the `headers` palette is present (9.8).
|
yields a content element with no payload** (Annex B‑8).
|
||||||
6. **Nesting** — if the plugin may sit inside a container, register it in
|
6. **Header section** — ensure the `headers` palette is present (9.8).
|
||||||
|
7. **Nesting** — if the plugin may sit inside a container, register it in
|
||||||
`PLUGIN_RENDERERS` in **both** the resolver and the processor (9.7).
|
`PLUGIN_RENDERERS` in **both** the resolver and the processor (9.7).
|
||||||
7. **Deploy** — `vendor/bin/typo3 database:updateschema "*.add,*.change"` then
|
8. **Deploy** — `vendor/bin/typo3 database:updateschema "*.add,*.change"` then
|
||||||
`vendor/bin/typo3 cache:flush`.
|
`vendor/bin/typo3 cache:flush`.
|
||||||
8. **Verify** — fetch the page JSON; confirm envelope (C1), keys (C4) and nested output.
|
9. **Verify** — fetch the page JSON; confirm envelope (C1), keys (C4) and nested
|
||||||
|
output; confirm `debug` is absent unless the FlexForm flag is set (9.10).
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -587,25 +988,61 @@ The following items were identified during architecture analysis. Items marked
|
|||||||
*(to verify)* were reported by static review and **shall** be confirmed before
|
*(to verify)* were reported by static review and **shall** be confirmed before
|
||||||
remediation.
|
remediation.
|
||||||
|
|
||||||
- **B‑1 — `=<` on Event/News CTypes.** `vitec_eventlist` and `news_pi1` use the
|
- **B‑1 — `=<` on the Event CType.** `vitec_eventlist` uses the reference operator
|
||||||
reference operator `=< lib.contentElementWithHeader`. Reference *to a `lib.*` object*
|
`=< lib.contentElementWithHeader`. VERIFIED SAFE and left as is: a reference *to a
|
||||||
is used by headless itself and is generally safe; however, for consistency with
|
`lib.*` object* is idiomatic in headless and used by headless itself; only
|
||||||
10.5(1) these are VERIFIED SAFE and left as-is (references to lib.* are idiomatic in headless; only tt_content-to-tt_content references are unsafe, and those are already `<` for containers).
|
`tt_content → tt_content` references are unsafe, and those are `<` copies throughout
|
||||||
|
(containers, News variants, form variants). The page‑level menus use `=<` against
|
||||||
|
`lib.*` objects for the same reason (6.7). **CORRECTION 2026‑08‑05:** v1.0 of this
|
||||||
|
document also listed `news_pi1` here — `news_pi1` is, and was, derived with `<`.
|
||||||
- **B‑2 — Containers cannot be authored inline (IRRE).** b13 container children live in
|
- **B‑2 — Containers cannot be authored inline (IRRE).** b13 container children live in
|
||||||
`tx_container_parent` and require the page‑module grid; they cannot be created inside
|
`tx_container_parent` and require the page‑module grid; they cannot be created inside
|
||||||
an inline field. This is a platform limitation, not a defect. The Success Story
|
an inline field. This is a platform limitation, not a defect. The Success Story
|
||||||
"Columns" Content Block (`vitec_columns`) is the sanctioned inline alternative.
|
"Columns" Content Block (`vitec_columns`) is the sanctioned inline alternative.
|
||||||
- **B‑3 — Duplicated `PLUGIN_RENDERERS` map** in `ContentElementResolver` and
|
- **B‑3 — Duplicated `PLUGIN_RENDERERS` map** in `ContentElementResolver` and
|
||||||
`ContainerChildrenProcessor` (9.7/10.3).
|
`ContainerChildrenProcessor` (9.7/10.3). OPEN. Both copies verified in sync on
|
||||||
|
2026‑08‑05 — 25 entries each (16 VITEC CTypes + 9 News CTypes). Remediation:
|
||||||
|
promote to a single shared constant.
|
||||||
- **B‑4 — Inline duplication** of image/category/MM/page‑id logic (10.2).
|
- **B‑4 — Inline duplication** of image/category/MM/page‑id logic (10.2).
|
||||||
- **B‑5 — Hard‑coded literals** — model/MM table names, a `/fileadmin` prefix for
|
- **B‑5 — Hard‑coded literals** — model/MM table names, a `/fileadmin` prefix for
|
||||||
event JSON‑LD image URLs (`PageJsonLdRenderer`), and at least one magic
|
event JSON‑LD image URLs (`PageJsonLdRenderer`), the `/fileadmin/icons` prefix and
|
||||||
parent‑category uid appear as inline literals across download/datasheet/structured‑data
|
the theme colour in `FaviconsJsonRenderer`, and at least one magic parent‑category
|
||||||
code *(to verify and extract to constants)*. `COLPOS_TO_COLUMN` in
|
uid appear as inline literals across download/datasheet/structured‑data code
|
||||||
|
*(to verify and extract to constants)*. `COLPOS_TO_COLUMN` in
|
||||||
`ContainerChildrenProcessor` must be kept in sync with the container TCA colPos values.
|
`ContainerChildrenProcessor` must be kept in sync with the container TCA colPos values.
|
||||||
- **B‑6 — `DownloadcardcollectionJsonRenderer`**: two misplaced thumbnail output lines referenced an undefined variable in the image resolver. FIXED 2026-07-09 (removed; the PDF-thumbnail method is unaffected).
|
- **B‑6 — `DownloadcardcollectionJsonRenderer`**: two misplaced thumbnail output lines referenced an undefined variable in the image resolver. FIXED 2026-07-09 (removed; the PDF-thumbnail method is unaffected).
|
||||||
- **B‑7 — v13→v14 `CType`/`list_type` compatibility branches** in some download/
|
- **B‑7 — v13→v14 `CType`/`list_type` compatibility branches** in some download/
|
||||||
datasheet renderers FIXED 2026-07-09: the unsatisfiable legacy OR branch was removed; the query now filters on the v14 CType only.
|
datasheet renderers FIXED 2026-07-09: the unsatisfiable legacy OR branch was removed; the query now filters on the v14 CType only.
|
||||||
|
- **B‑8 — `vitec_simplecard` has no headless rendering.** The plugin is registered in
|
||||||
|
`ext_localconf.php`, has a FlexForm, Fluid templates and a wizard entry in
|
||||||
|
`Configuration/page.tsconfig`, but there is no `tt_content.vitec_simplecard` mapping
|
||||||
|
in `setup.typoscript` and no `*JsonRenderer`. Placed on a page it produces a content
|
||||||
|
element without a payload. Decide: complete it per Annex A, or withdraw the plugin
|
||||||
|
registration and the wizard entry.
|
||||||
|
- **B‑9 — Stray files in the extension.** Four `*.bak.rebuild` files
|
||||||
|
(`UsecaseListJsonRenderer`, `UsecaseShowJsonRenderer`,
|
||||||
|
`tx_vitec_domain_model_usecase`, `ext_tables.sql`) and several tracked
|
||||||
|
`.msys00000…` artefacts under `Classes/DataProcessing/` and `Classes/Service/`.
|
||||||
|
They are never loaded, but they are indexed by IDEs and static analysis. Remove.
|
||||||
|
- **B‑10 — One delivery configuration per form type.** `FormSubmissionMiddleware`
|
||||||
|
reads the delivery settings from the first matching plugin element found site‑wide
|
||||||
|
(7.8.2). Per‑element configuration would require the front end to submit the element
|
||||||
|
uid and the endpoint to resolve it. This is a documented constraint, not a defect —
|
||||||
|
but placing two elements of the same form type with different `delivery` settings is
|
||||||
|
silently ineffective.
|
||||||
|
- **B‑11 — `detail_page` exists on Market but not on Solution.** Introduced in v1.4 on
|
||||||
|
`tx_vitec_domain_model_market` only, because that is what was requested. The two models
|
||||||
|
are otherwise field‑for‑field identical (7.13.1) and their renderers share one payload
|
||||||
|
shape, so the asymmetry is a latent inconsistency: `SolutionShowJsonRenderer` emits no
|
||||||
|
`detailUrl` at all. Either add the field to Solution as well, or record the divergence
|
||||||
|
as intended. Related: `ModelcardJsonRenderer` serves `market` and `solution` from one
|
||||||
|
shared branch and therefore emits no `detailUrl` either — the card payload (7.9) cannot
|
||||||
|
link to a market detail page until this is resolved.
|
||||||
|
- **B‑12 — `detailUrl()` duplicated** in `MarketListJsonRenderer` and
|
||||||
|
`MarketShowJsonRenderer`, and a third near‑identical `resolveLink()` lives in
|
||||||
|
`LocationsJsonRenderer` (7.10). Three copies of "resolve a link server side" is the
|
||||||
|
smallest concrete case of B‑4; it is the natural seed for the `LinkResolver` service
|
||||||
|
that 10.2 calls for.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -616,4 +1053,4 @@ remediation.
|
|||||||
- Header convention — the uniform header section across CEs, plugins and containers.
|
- Header convention — the uniform header section across CEs, plugins and containers.
|
||||||
- `Configuration/Sets/Vitecset/setup.typoscript` — the single TypoScript entry point.
|
- `Configuration/Sets/Vitecset/setup.typoscript` — the single TypoScript entry point.
|
||||||
|
|
||||||
*End of document EVO‑VITEC‑HL‑001 v1.0.*
|
*End of document EVO‑VITEC‑HL‑001 v1.5.*
|
||||||
@@ -34,6 +34,8 @@ this extension turns every content element into clean **JSON** for a React front
|
|||||||
- [Content elements & plugins](#content-elements--plugins)
|
- [Content elements & plugins](#content-elements--plugins)
|
||||||
- [Content Blocks](#content-blocks)
|
- [Content Blocks](#content-blocks)
|
||||||
- [Layout containers](#layout-containers)
|
- [Layout containers](#layout-containers)
|
||||||
|
- [Forms](#forms)
|
||||||
|
- [Page‑level fields](#pagelevel-fields)
|
||||||
- [Structured data (JSON‑LD)](#structured-data-json-ld)
|
- [Structured data (JSON‑LD)](#structured-data-json-ld)
|
||||||
- [Requirements](#requirements)
|
- [Requirements](#requirements)
|
||||||
- [Installation](#installation)
|
- [Installation](#installation)
|
||||||
@@ -52,6 +54,8 @@ this extension turns every content element into clean **JSON** for a React front
|
|||||||
children inside layout containers.
|
children inside layout containers.
|
||||||
- 🎛️ **Editor‑friendly Content Blocks** — hero, cards, CTA, FAQ, video, intro and a
|
- 🎛️ **Editor‑friendly Content Blocks** — hero, cards, CTA, FAQ, video, intro and a
|
||||||
two‑column layout block, all with a unified header section.
|
two‑column layout block, all with a unified header section.
|
||||||
|
- 📮 **Forms without a form framework** — one PHP definition drives both the JSON the
|
||||||
|
React app renders *and* the server‑side validation of the submission.
|
||||||
- 🔎 **SEO built in** — a schema.org `@graph` (Organization, Product, FAQ, Events,
|
- 🔎 **SEO built in** — a schema.org `@graph` (Organization, Product, FAQ, Events,
|
||||||
News …) is emitted per page.
|
News …) is emitted per page.
|
||||||
- 🛡️ **Fail‑soft** — a failing element yields empty output, never a broken page.
|
- 🛡️ **Fail‑soft** — a failing element yields empty output, never a broken page.
|
||||||
@@ -78,6 +82,9 @@ HTTP request (headless: 1)
|
|||||||
│
|
│
|
||||||
▼
|
▼
|
||||||
[L6] Structured data PageJsonLdRenderer + StructuredDataService → @graph
|
[L6] Structured data PageJsonLdRenderer + StructuredDataService → @graph
|
||||||
|
│
|
||||||
|
▼
|
||||||
|
[L7] Page-level fields MenuProcessor + FaviconsJsonRenderer → menus, favicons
|
||||||
```
|
```
|
||||||
|
|
||||||
Each renderer follows one pattern — an `#[AsAllowedCallable] render()` for top‑level use
|
Each renderer follows one pattern — an `#[AsAllowedCallable] render()` for top‑level use
|
||||||
@@ -94,12 +101,23 @@ as the reference).
|
|||||||
|---|---|---|---|
|
|---|---|---|---|
|
||||||
| Products | `vitec_productlist` / `vitec_productshow` | `ProductList/ProductShowJsonRenderer` | `products` / `product` |
|
| Products | `vitec_productlist` / `vitec_productshow` | `ProductList/ProductShowJsonRenderer` | `products` / `product` |
|
||||||
| Success Stories | `vitec_usecaselist` / `vitec_usecaseshow` | `UsecaseList/ShowJsonRenderer` → `UsecaseSerializer` | `usecases` / `usecase` |
|
| Success Stories | `vitec_usecaselist` / `vitec_usecaseshow` | `UsecaseList/ShowJsonRenderer` → `UsecaseSerializer` | `usecases` / `usecase` |
|
||||||
| Markets | `vitec_marketshow` | `MarketShowJsonRenderer` | `market` |
|
| Markets | `vitec_marketlist` / `vitec_marketshow` | `MarketList/MarketShowJsonRenderer` | `markets` / `market` |
|
||||||
| Solutions | `vitec_solutionshow` | `SolutionShowJsonRenderer` | `solution` |
|
| Solutions | `vitec_solutionshow` | `SolutionShowJsonRenderer` | `solution` |
|
||||||
| Downloads | `vitec_downloadcard` / `vitec_downloadcardcollection` | `Downloadcard*JsonRenderer` | `downloadcard` / `downloadcardcollection` |
|
| Downloads | `vitec_downloadcard` / `vitec_downloadcardcollection` | `Downloadcard*JsonRenderer` | `downloadcard` / `downloadcardcollection` |
|
||||||
| Datasheets | `vitec_datasheets` | `DatasheetsJsonRenderer` | `datasheets` |
|
| Datasheets | `vitec_datasheets` | `DatasheetsJsonRenderer` | `datasheets` |
|
||||||
| Events | `vitec_eventlist` | `EventlistJsonRenderer` | `eventlist` |
|
| Events | `vitec_eventlist` | `EventlistJsonRenderer` | `eventlist` |
|
||||||
| News | `news_pi1` (+ variants) | `NewsJsonRenderer` | `news` |
|
| Locations | `vitec_locationlist` | `LocationsJsonRenderer` | `locations` |
|
||||||
|
| Customer logos | `vitec_customerlogos` | `CustomerlogosJsonRenderer` | `customerlogos` |
|
||||||
|
| Cards | `vitec_modelcard` | `ModelcardJsonRenderer` | `card` |
|
||||||
|
| Forms | `vitec_contactform` / `vitec_demoform` / `vitec_helpdeskform` | `FormsJsonRenderer` | `form` |
|
||||||
|
| News | `news_pi1` (+ 8 variants) | `NewsJsonRenderer` | `news` |
|
||||||
|
|
||||||
|
**Cards** (`vitec_modelcard`) are one plugin for four model types — the FlexForm picks
|
||||||
|
`product`, `story`, `market` or `solution` plus a record, and every card field comes
|
||||||
|
from that record. Image resolution is delegated to `UsecaseSerializer::image()`.
|
||||||
|
|
||||||
|
> ⚠️ `vitec_simplecard` is registered as a plugin and offered in the wizard, but has
|
||||||
|
> no JSON renderer — it emits no payload in headless mode. See Annex B‑8 of the spec.
|
||||||
|
|
||||||
## Content Blocks
|
## Content Blocks
|
||||||
|
|
||||||
@@ -130,6 +148,40 @@ Nested column grids (`b13/container`) that own child content elements and emit t
|
|||||||
| `vitec_container` | Single column with a custom CSS class |
|
| `vitec_container` | Single column with a custom CSS class |
|
||||||
| `vitec_cards_carousel` | Carousel of card elements |
|
| `vitec_cards_carousel` | Carousel of card elements |
|
||||||
|
|
||||||
|
## Forms
|
||||||
|
|
||||||
|
Three form plugins (contact · demo · helpdesk) share one renderer and one definition.
|
||||||
|
[`FormDefinitions`](Classes/Forms/FormDefinitions.php) is the single source of truth:
|
||||||
|
the same field list produces the JSON the React app renders **and** validates the
|
||||||
|
submission server‑side.
|
||||||
|
|
||||||
|
```
|
||||||
|
GET page JSON → content.form = { formKey, title, endpoint, honeypot, fields[] }
|
||||||
|
POST /api/vitec/form/<formKey> → { "success": true } | 422 { success:false, errors{} }
|
||||||
|
```
|
||||||
|
|
||||||
|
`FormSubmissionMiddleware` handles the endpoint: honeypot → validation → store in
|
||||||
|
`tx_vitec_form_submission` → deliver. Delivery is a strategy
|
||||||
|
([`DeliveryInterface`](Classes/Forms/Delivery/DeliveryInterface.php)) with
|
||||||
|
`EmailDelivery` (active) and `SalesforceDelivery` (**prepared stub — `deliver()` always
|
||||||
|
throws**), chosen per form via the FlexForm. Because the submission is stored *before*
|
||||||
|
delivery is attempted, a failed delivery never loses data — it is recorded as
|
||||||
|
`delivery_status = failed` on the record and the endpoint still answers `success: true`.
|
||||||
|
|
||||||
|
## Page‑level fields
|
||||||
|
|
||||||
|
Beyond `content[]`, every page response carries:
|
||||||
|
|
||||||
|
| Field | Source |
|
||||||
|
|---|---|
|
||||||
|
| `mainNavigation` / `footerMenu` / `metaMenu` | headless `MenuProcessor`; the curated menus are driven by the site settings `menu.footer.pageUids` / `menu.meta.pageUids` |
|
||||||
|
| `favicons` | `FaviconsJsonRenderer` — ready‑to‑render `<link>` descriptors plus `themeColor` |
|
||||||
|
| `jsonLd` | `PageJsonLdRenderer` (see below) |
|
||||||
|
|
||||||
|
Two frontend middlewares run before page resolution: `vitec/form-submission` (the form
|
||||||
|
endpoint) and `vitec/success-story-path-rewrite`, which lets the public SEO URL
|
||||||
|
`/success-stories/<slug>` resolve to the detail subpage without changing the browser URL.
|
||||||
|
|
||||||
## Structured data (JSON‑LD)
|
## Structured data (JSON‑LD)
|
||||||
|
|
||||||
`PageJsonLdRenderer` + `StructuredDataService` assemble a schema.org `@graph` per page:
|
`PageJsonLdRenderer` + `StructuredDataService` assemble a schema.org `@graph` per page:
|
||||||
@@ -177,15 +229,18 @@ The short version (full normative rules in the architecture spec, Clause 9 &
|
|||||||
2. **Serializer** — `Classes/Service/<Domain>Serializer` with `serializeListItem()` / `serializeDetail()`.
|
2. **Serializer** — `Classes/Service/<Domain>Serializer` with `serializeListItem()` / `serializeDetail()`.
|
||||||
3. **Renderer** — `Classes/UserFunc/<Domain><Kind>JsonRenderer` with
|
3. **Renderer** — `Classes/UserFunc/<Domain><Kind>JsonRenderer` with
|
||||||
`#[AsAllowedCallable] render()` + `renderForRecord()`, delegating to the serializer.
|
`#[AsAllowedCallable] render()` + `renderForRecord()`, delegating to the serializer.
|
||||||
4. **TypoScript** — in `Configuration/Sets/Vitecset/setup.typoscript`:
|
4. **Registration** — `configurePlugin()` in `ext_localconf.php`, a FlexForm, an icon
|
||||||
|
and a wizard entry in `Configuration/page.tsconfig`.
|
||||||
|
5. **TypoScript** — in `Configuration/Sets/Vitecset/setup.typoscript`:
|
||||||
```typoscript
|
```typoscript
|
||||||
tt_content.<ctype> < lib.contentElementWithHeader
|
tt_content.<ctype> < lib.contentElementWithHeader
|
||||||
tt_content.<ctype>.fields.content.fields.<key> = USER
|
tt_content.<ctype>.fields.content.fields.<key> = USER
|
||||||
tt_content.<ctype>.fields.content.fields.<key>.userFunc = Evomedien\Vitec\UserFunc\<Class>->render
|
tt_content.<ctype>.fields.content.fields.<key>.userFunc = Evomedien\Vitec\UserFunc\<Class>->render
|
||||||
```
|
```
|
||||||
5. **Nesting** — if it may sit inside a container, register it in `PLUGIN_RENDERERS`
|
Skipping this step is exactly what leaves a plugin payload‑less (see `vitec_simplecard`).
|
||||||
|
6. **Nesting** — if it may sit inside a container, register it in `PLUGIN_RENDERERS`
|
||||||
(in both `ContentElementResolver` and `ContainerChildrenProcessor`).
|
(in both `ContentElementResolver` and `ContainerChildrenProcessor`).
|
||||||
6. **Deploy** — `database:updateschema "*.add,*.change"` & `cache:flush`.
|
7. **Deploy** — `database:updateschema "*.add,*.change"` & `cache:flush`.
|
||||||
|
|
||||||
> **Conventions:** list keys are plural, detail keys singular; page‑id via the
|
> **Conventions:** list keys are plural, detail keys singular; page‑id via the
|
||||||
> `frontend.page.information` request attribute; container CTypes derive with `<` (copy),
|
> `frontend.page.information` request attribute; container CTypes derive with `<` (copy),
|
||||||
@@ -202,9 +257,11 @@ packages/vitec/
|
|||||||
│ ├── UserFunc/ # JSON renderers (one per plugin) — headless entry points
|
│ ├── UserFunc/ # JSON renderers (one per plugin) — headless entry points
|
||||||
│ ├── Service/ # Serializers, ContentElementResolver, StructuredDataService
|
│ ├── Service/ # Serializers, ContentElementResolver, StructuredDataService
|
||||||
│ ├── DataProcessing/ # ContainerChildrenProcessor (container → items)
|
│ ├── DataProcessing/ # ContainerChildrenProcessor (container → items)
|
||||||
|
│ ├── Forms/ # FormDefinitions + Delivery/ (email, salesforce)
|
||||||
|
│ ├── Middleware/ # form endpoint, success-story path rewrite
|
||||||
│ ├── Domain/Model|Repository/
|
│ ├── Domain/Model|Repository/
|
||||||
│ ├── Controller/ # Extbase controllers (non-headless / backend)
|
│ ├── Controller/ # Extbase controllers (non-headless / backend)
|
||||||
│ └── Backend/ · View/ · Hook/ · EventListener/
|
│ └── Backend/ · View/ · Hook/ · EventListener/ · Tca/ · Preview/
|
||||||
├── ContentBlocks/
|
├── ContentBlocks/
|
||||||
│ └── ContentElements/ # card, cta-banner, columns, faq, hero-section, intro-paragraph, video
|
│ └── ContentElements/ # card, cta-banner, columns, faq, hero-section, intro-paragraph, video
|
||||||
├── Configuration/
|
├── Configuration/
|
||||||
|
|||||||
@@ -0,0 +1,6 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
|
||||||
|
<rect x="4" y="5" width="10" height="9" rx="1.5" fill="#26358C"/>
|
||||||
|
<rect x="18" y="5" width="10" height="9" rx="1.5" fill="#ff6a00"/>
|
||||||
|
<rect x="4" y="18" width="10" height="9" rx="1.5" fill="#ff6a00"/>
|
||||||
|
<rect x="18" y="18" width="10" height="9" rx="1.5" fill="#26358C"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 367 B |
@@ -93,6 +93,17 @@ $GLOBALS['TYPO3_CONF_VARS']['SYS']['formEngine']['nodeRegistry'][1750000000] = [
|
|||||||
]
|
]
|
||||||
);
|
);
|
||||||
|
|
||||||
|
ExtensionUtility::configurePlugin(
|
||||||
|
'Vitec',
|
||||||
|
'Marketlist',
|
||||||
|
[
|
||||||
|
\Evomedien\Vitec\Controller\MarketController::class => 'list'
|
||||||
|
],
|
||||||
|
[
|
||||||
|
\Evomedien\Vitec\Controller\MarketController::class => 'list'
|
||||||
|
]
|
||||||
|
);
|
||||||
|
|
||||||
ExtensionUtility::configurePlugin(
|
ExtensionUtility::configurePlugin(
|
||||||
'Vitec',
|
'Vitec',
|
||||||
'Solutionshow',
|
'Solutionshow',
|
||||||
|
|||||||
@@ -154,6 +154,7 @@ CREATE TABLE tx_vitec_domain_model_solution (
|
|||||||
l10n_parent int(11) DEFAULT '0' NOT NULL,
|
l10n_parent int(11) DEFAULT '0' NOT NULL,
|
||||||
l10n_diffsource mediumblob,
|
l10n_diffsource mediumblob,
|
||||||
title varchar(255) DEFAULT '' NOT NULL,
|
title varchar(255) DEFAULT '' NOT NULL,
|
||||||
|
slug varchar(255) DEFAULT '' NOT NULL,
|
||||||
subtitle varchar(255) DEFAULT '' NOT NULL,
|
subtitle varchar(255) DEFAULT '' NOT NULL,
|
||||||
teaser varchar(255) DEFAULT '' NOT NULL,
|
teaser varchar(255) DEFAULT '' NOT NULL,
|
||||||
description text,
|
description text,
|
||||||
@@ -177,6 +178,8 @@ CREATE TABLE tx_vitec_domain_model_market (
|
|||||||
l10n_parent int(11) DEFAULT '0' NOT NULL,
|
l10n_parent int(11) DEFAULT '0' NOT NULL,
|
||||||
l10n_diffsource mediumblob,
|
l10n_diffsource mediumblob,
|
||||||
title varchar(255) DEFAULT '' NOT NULL,
|
title varchar(255) DEFAULT '' NOT NULL,
|
||||||
|
slug varchar(255) DEFAULT '' NOT NULL,
|
||||||
|
detail_page int(11) DEFAULT '0' NOT NULL,
|
||||||
subtitle varchar(255) DEFAULT '' NOT NULL,
|
subtitle varchar(255) DEFAULT '' NOT NULL,
|
||||||
teaser varchar(255) DEFAULT '' NOT NULL,
|
teaser varchar(255) DEFAULT '' NOT NULL,
|
||||||
description text,
|
description text,
|
||||||
|
|||||||
@@ -1 +0,0 @@
|
|||||||
import{t as e}from"./useControlled-CztbT67m.js";import{A as t,G as n,I as r,K as i,N as a,O as o,P as s,Q as c,X as l,Z as u,at as d,i as f,it as p,mt as m,ot as h,rt as g,tt as _,ut as v}from"./index-CM0zIqrs.js";var y=m(v()),b=y.createContext(void 0);function x(){return y.useContext(b)}function S(e){return p(`PrivateSwitchBase`,e)}g(`PrivateSwitchBase`,[`root`,`checked`,`disabled`,`input`,`edgeStart`,`edgeEnd`]);var C=h(),w=e=>{let{classes:t,checked:n,disabled:r,edge:a}=e;return _({root:[`root`,n&&`checked`,r&&`disabled`,a&&`edge${i(a)}`],input:[`input`]},S,t)},T=u(s,{name:`MuiSwitchBase`})({padding:9,borderRadius:`50%`,variants:[{props:{edge:`start`,size:`small`},style:{marginLeft:-3}},{props:({edge:e,ownerState:t})=>e===`start`&&t.size!==`small`,style:{marginLeft:-12}},{props:{edge:`end`,size:`small`},style:{marginRight:-3}},{props:({edge:e,ownerState:t})=>e===`end`&&t.size!==`small`,style:{marginRight:-12}}]}),E=u(`input`,{name:`MuiSwitchBase`,shouldForwardProp:c})({cursor:`inherit`,position:`absolute`,opacity:0,width:`100%`,height:`100%`,top:0,left:0,margin:0,padding:0,zIndex:1}),D=y.forwardRef(function(t,n){let{autoFocus:i,checked:a,checkedIcon:o,defaultChecked:s,disabled:c,disableFocusRipple:l=!1,edge:u=!1,icon:d,id:f,inputProps:p,inputRef:m,name:h,onBlur:g,onChange:_,onFocus:v,readOnly:y,required:b=!1,tabIndex:S,type:D,value:O,slots:k={},slotProps:A={},...j}=t,[M,N]=e({controlled:a,default:!!s,name:`SwitchBase`,state:`checked`}),P=x(),F=e=>{v&&v(e),P&&P.onFocus&&P.onFocus(e)},I=e=>{g&&g(e),P&&P.onBlur&&P.onBlur(e)},L=e=>{if(e.nativeEvent.defaultPrevented)return;let t=e.target.checked;N(t),_&&_(e,t)},R=c;P&&R===void 0&&(R=P.disabled);let z=D===`checkbox`||D===`radio`,B={...t,checked:M,disabled:R,disableFocusRipple:l,edge:u},V=w(B),H={slots:k,slotProps:{input:p,...A}},[U,W]=r(`root`,{ref:n,elementType:T,className:V.root,shouldForwardComponentProp:!0,externalForwardedProps:{...H,component:`span`,...j},getSlotProps:e=>({...e,onFocus:t=>{e.onFocus?.(t),F(t)},onBlur:t=>{e.onBlur?.(t),I(t)}}),ownerState:B,additionalProps:{centerRipple:!0,focusRipple:!l,disabled:R,role:void 0,tabIndex:null}}),[G,K]=r(`input`,{ref:m,elementType:E,className:V.input,externalForwardedProps:H,getSlotProps:e=>({...e,onChange:t=>{e.onChange?.(t),L(t)}}),ownerState:B,additionalProps:{autoFocus:i,checked:a,defaultChecked:s,disabled:R,id:z?f:void 0,name:h,readOnly:y,required:b,tabIndex:S,type:D,...D===`checkbox`&&O===void 0?{}:{value:O}}});return(0,C.jsxs)(U,{...W,children:[(0,C.jsx)(G,{...K}),M?o:d]})});function O(e){return p(`MuiSwitch`,e)}var k=g(`MuiSwitch`,[`root`,`edgeStart`,`edgeEnd`,`switchBase`,`colorPrimary`,`colorSecondary`,`sizeSmall`,`sizeMedium`,`checked`,`disabled`,`input`,`thumb`,`track`]),A=e=>{let{classes:t,edge:n,size:r,color:a,checked:o,disabled:s}=e,c=_({root:[`root`,n&&`edge${i(n)}`,`size${i(r)}`],switchBase:[`switchBase`,`color${i(a)}`,o&&`checked`,s&&`disabled`],thumb:[`thumb`],track:[`track`],input:[`input`]},O,t);return{...t,...c}},j=u(`span`,{name:`MuiSwitch`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.edge&&t[`edge${i(n.edge)}`],t[`size${i(n.size)}`]]}})({display:`inline-flex`,width:58,height:38,overflow:`hidden`,padding:12,boxSizing:`border-box`,position:`relative`,flexShrink:0,zIndex:0,verticalAlign:`middle`,"@media print":{colorAdjust:`exact`},variants:[{props:{edge:`start`},style:{marginLeft:-8}},{props:{edge:`end`},style:{marginRight:-8}},{props:{size:`small`},style:{width:40,height:24,padding:7,[`& .${k.thumb}`]:{width:16,height:16},[`& .${k.switchBase}`]:{padding:4,[`&.${k.checked}`]:{transform:`translateX(16px)`}}}}]}),M=u(D,{name:`MuiSwitch`,slot:`SwitchBase`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.switchBase,{[`& .${k.input}`]:t.input},n.color!==`default`&&t[`color${i(n.color)}`]]}})(n(({theme:e})=>({position:`absolute`,top:0,left:0,zIndex:1,color:e.vars?e.vars.palette.Switch.defaultColor:`${e.palette.mode===`light`?e.palette.common.white:e.palette.grey[300]}`,transition:e.transitions.create([`left`,`transform`],{duration:e.transitions.duration.shortest}),[`&.${k.checked}`]:{transform:`translateX(20px)`},[`&.${k.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode===`light`?e.palette.grey[100]:e.palette.grey[600]}`},[`&.${k.checked} + .${k.track}`]:{opacity:.5},[`&.${k.disabled} + .${k.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode===`light`?.12:.2}`},[`& .${k.input}`]:{left:`-100%`,width:`300%`}})),n(({theme:e})=>({"&:hover":{backgroundColor:e.alpha((e.vars||e).palette.action.active,(e.vars||e).palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:`transparent`}},variants:[...Object.entries(e.palette).filter(a([`light`])).map(([t])=>({props:{color:t},style:{[`&.${k.checked}`]:{color:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:`transparent`}},[`&
Line truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,S as t,T as n,_ as r,b as i,d as a,f as o,g as s,m as c,ot as l,p as u,r as d,t as f,v as p,x as m}from"./index-CM0zIqrs.js";var h=l();function g({element:l,className:g,nested:_,devInfoTags:v,uid:y,spaceBefore:b,spaceAfter:x}){let S=a(l),C=c(l),w=Number(o(l)??0),T=m(w),E=t(w),D=i(u(l)),O=D===`center`?`center`:D===`right`?`right`:`left`,k=D===`center`?`center`:D===`right`?`flex-end`:`flex-start`,A=s(l.content?.headerLink),j=p(l.content?.headerLink),M=r(l.content?.headerLink,`Mehr erfahren`);return w===100?null:(0,h.jsx)(d,{className:g,devInfoTags:v,nested:_,uid:y,spaceBefore:b,spaceAfter:x,children:(0,h.jsx)(`div`,{className:`header__inner`,children:(0,h.jsxs)(n,{spacing:.75,sx:{textAlign:O,alignItems:k},children:[S&&(0,h.jsx)(e,{variant:T,children:S}),C&&(0,h.jsx)(e,{variant:E,sx:{opacity:.6},children:C}),A&&(0,h.jsx)(f,{href:A,target:j??`_self`,variant:`outlined`,size:`sm`,children:M})]})})})}export{g as VitecHeader};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-synthesis:none;font-variant:normal;font-style:normal;font-weight:var(--fa-style,900);text-align:center;text-rendering:auto;width:var(--fa-width,1.25em);line-height:1}:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)/""}@supports not (content:""/""){:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)}}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{vertical-align:.225em;font-size:.625em;line-height:.1em}.fa-xs{vertical-align:.125em;font-size:.75em;line-height:.08333em}.fa-sm{vertical-align:.05357em;font-size:.875em;line-height:.07143em}.fa-lg{vertical-align:-.075em;font-size:1.25em;line-height:.05em}.fa-xl{vertical-align:-.125em;font-size:1.5em;line-height:.04167em}.fa-2xl{vertical-align:-.1875em;font-size:2em;line-height:.03125em}.fa-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-canvas-square{margin-block-end:-.125em;padding-block:.125em}.fa-canvas-roomy{box-sizing:content-box;margin-block-end:-.25em;padding-block:.25em;padding-inline:.125em}.fa-ul{margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0;list-style-type:none}.fa-ul>li{position:relative}.fa-li{text-align:center;width:var(--fa-li-width,2em);line-height:inherit;position:absolute;inset-inline-start:calc(var(--fa-li-width,2em)*-1)}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.0625em)var(--fa-border-style,solid)var(--fa-border-color,#eee);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-end,.fa-pull-right{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-flip{animation-name:fa-flip;animation-duration:var(--fa-animation-duration,1.5s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-flip,.fa-flip-360{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-flip-360{animation-name:fa-flip-360;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,.75s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}.fa-spin-snap{Line truncated
|
|
||||||
@@ -1,148 +0,0 @@
|
|||||||
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vitec_downloadcardcollection-RsRD4eC3.js","assets/jszip.min-DxLKr7hR.js","assets/vitec_datasheets-Cp-zTFxi.js","assets/vitec_faq-C66INAn2.js","assets/useControlled-CztbT67m.js","assets/VitecDebugToggle-Bp07RQC2.js"])))=>i.map(i=>d[i]);
|
|
||||||
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),s=e=>{let n={};for(var r in e)t(n,r,{get:e[r],enumerable:!0});return n},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),u=(e=>typeof require<`u`?require:typeof Proxy<`u`?new Proxy(e,{get:(e,t)=>(typeof require<`u`?require:e)[t]}):e)(function(e){if(typeof require<`u`)return require.apply(this,arguments);throw Error('Calling `require` for "'+e+"\" in an environment that doesn't expose the `require` function.")});(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var d=o((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.portal`),r=Symbol.for(`react.fragment`),i=Symbol.for(`react.strict_mode`),a=Symbol.for(`react.profiler`),o=Symbol.for(`react.consumer`),s=Symbol.for(`react.context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.for(`react.activity`),p=Symbol.iterator;function m(e){return typeof e!=`object`||!e?null:(e=p&&e[p]||e[`@@iterator`],typeof e==`function`?e:null)}var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g=Object.assign,_={};function v(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if(typeof e!=`object`&&typeof e!=`function`&&e!=null)throw Error(`takes an object of state variables to update or a function which returns an object of state variables.`);this.updater.enqueueSetState(this,e,t,`setState`)},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,`forceUpdate`)};function y(){}y.prototype=v.prototype;function b(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}var x=b.prototype=new y;x.constructor=b,g(x,v.prototype),x.isPureReactComponent=!0;var S=Array.isArray;function C(){}var w={H:null,A:null,T:null,S:null},T=Object.prototype.hasOwnProperty;function E(e,n,r){var i=r.ref;return{$$typeof:t,type:e,key:n,ref:i===void 0?null:i,props:r}}function ee(e,t){return E(e.type,t,e.props)}function D(e){return typeof e==`object`&&!!e&&e.$$typeof===t}function te(e){var t={"=":`=0`,":":`=2`};return`$`+e.replace(/[=:]/g,function(e){return t[e]})}var ne=/\/+/g;function re(e,t){return typeof e==`object`&&e&&e.key!=null?te(``+e.key):t.toString(36)}function O(e){switch(e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason;default:switch(typeof e.status==`string`?e.then(C,C):(e.status=`pending`,e.then(function(t){e.status===`pending`&&(e.status=`fulfilled`,e.value=t)},function(t){e.status===`pending`&&(e.status=`rejected`,e.reason=t)})),e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason}}throw e}function k(e,r,i,a,o){var s=typeof e;(s===`undefined`||s===`boolean`)&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case`bigint`:case`string`:case`number`:c=!0;break;case`object`:switch(e.$$typeof){case t:case n:c=!0;break;case d:return c=e._init,k(c(e._payload),r,i,a,o)}}if(c)return o=o(e),c=a===``?`.`+re(e,0):a,S(o)?(i=``,c!=null&&(i=c.replace(ne,`$&/`)+`/`),k(o,r,i,``,function(e){return e})):o!=null&&(D(o)&&(o=ee(o,i+(o.key==null||e&&e.key===o.key?``:(``+o.key).replace(ne,`$&/`)+`/`)+c)),r.push(o)),1;c=0;var l=a===``?`.`:a+`:`;if(S(e))for(var u=0;u<e.length;u++)a=e[u],s=l+re(a,u),c+=k(a,r,i,s,o);else if(u=m(e),typeof u==`function`)for(e=u.call(e),u=0;!(a=e.next()).done;)a=a.value,s=l+re(a,u++),c+=k(a,r,i,s,o);else if(s===`object`){if(typeof e.then==`function`)return k(O(e),r,i,a,o);throw r=String(e),Error(`Objects are not valid as a React child (found: `+(r===`[object Object]`?`object with keys {`+Object.keys(e).join(`, `)+`}`:r)+`). If you meant to render a collection of children, use an array instead.`)}return c}function A(e,t,n){if(e==null)return e;var r=[],i=0;return k(e,r,``,``,function(e){return t.call(n,e,i++)}),r}function j(e){if(e._status===-1){var tLine truncated
|
|
||||||
at`)?` (<anonymous>)`:-1<e.stack.indexOf(`@`)?`@unknown:0:0`:``}return`
|
|
||||||
`+_e+e+ve}var be=!1;function xe(e,t){if(!e||be)return``;be=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var r={DetermineComponentFrameRoot:function(){try{if(t){var n=function(){throw Error()};if(Object.defineProperty(n.prototype,`props`,{set:function(){throw Error()}}),typeof Reflect==`object`&&Reflect.construct){try{Reflect.construct(n,[])}catch(e){var r=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){r=e}e.call(n.prototype)}}else{try{throw Error()}catch(e){r=e}(n=e())&&typeof n.catch==`function`&&n.catch(function(){})}}catch(e){if(e&&r&&typeof e.stack==`string`)return[e.stack,r.stack]}return[null,null]}};r.DetermineComponentFrameRoot.displayName=`DetermineComponentFrameRoot`;var i=Object.getOwnPropertyDescriptor(r.DetermineComponentFrameRoot,`name`);i&&i.configurable&&Object.defineProperty(r.DetermineComponentFrameRoot,`name`,{value:`DetermineComponentFrameRoot`});var a=r.DetermineComponentFrameRoot(),o=a[0],s=a[1];if(o&&s){var c=o.split(`
|
|
||||||
`),l=s.split(`
|
|
||||||
`);for(i=r=0;r<c.length&&!c[r].includes(`DetermineComponentFrameRoot`);)r++;for(;i<l.length&&!l[i].includes(`DetermineComponentFrameRoot`);)i++;if(r===c.length||i===l.length)for(r=c.length-1,i=l.length-1;1<=r&&0<=i&&c[r]!==l[i];)i--;for(;1<=r&&0<=i;r--,i--)if(c[r]!==l[i]){if(r!==1||i!==1)do if(r--,i--,0>i||c[r]!==l[i]){var u=`
|
|
||||||
`+c[r].replace(` at new `,` at `);return e.displayName&&u.includes(`<anonymous>`)&&(u=u.replace(`<anonymous>`,e.displayName)),u}while(1<=r&&0<=i);break}}}finally{be=!1,Error.prepareStackTrace=n}return(n=e?e.displayName||e.name:``)?ye(n):``}function Se(e,t){switch(e.tag){case 26:case 27:case 5:return ye(e.type);case 16:return ye(`Lazy`);case 13:return e.child!==t&&t!==null?ye(`Suspense Fallback`):ye(`Suspense`);case 19:return ye(`SuspenseList`);case 0:case 15:return xe(e.type,!1);case 11:return xe(e.type.render,!1);case 1:return xe(e.type,!0);case 31:return ye(`Activity`);default:return``}}function Ce(e){try{var t=``,n=null;do t+=Se(e,n),n=e,e=e.return;while(e);return t}catch(e){return`
|
|
||||||
Error generating stack: `+e.message+`
|
|
||||||
`+e.stack}}var we=Object.prototype.hasOwnProperty,Te=t.unstable_scheduleCallback,Ee=t.unstable_cancelCallback,De=t.unstable_shouldYield,Oe=t.unstable_requestPaint,ke=t.unstable_now,Ae=t.unstable_getCurrentPriorityLevel,je=t.unstable_ImmediatePriority,Me=t.unstable_UserBlockingPriority,Ne=t.unstable_NormalPriority,Pe=t.unstable_LowPriority,Fe=t.unstable_IdlePriority,Ie=t.log,Le=t.unstable_setDisableYieldValue,Re=null,ze=null;function Be(e){if(typeof Ie==`function`&&Le(e),ze&&typeof ze.setStrictMode==`function`)try{ze.setStrictMode(Re,e)}catch{}}var Ve=Math.clz32?Math.clz32:We,He=Math.log,Ue=Math.LN2;function We(e){return e>>>=0,e===0?32:31-(He(e)/Ue|0)|0}var Ge=256,F=262144,Ke=4194304;function qe(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return e&261888;case 262144:case 524288:case 1048576:case 2097152:return e&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function Je(e,t,n){var r=e.pendingLanes;if(r===0)return 0;var i=0,a=e.suspendedLanes,o=e.pingedLanes;e=e.warmLanes;var s=r&134217727;return s===0?(s=r&~a,s===0?o===0?n||(n=r&~e,n!==0&&(i=qe(n))):i=qe(o):i=qe(s)):(r=s&~a,r===0?(o&=s,o===0?n||(n=s&~e,n!==0&&(i=qe(n))):i=qe(o)):i=qe(r)),i===0?0:t!==0&&t!==i&&(t&a)===0&&(a=i&-i,n=t&-t,a>=n||a===32&&n&4194048)?t:i}function Ye(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function Xe(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Ze(){var e=Ke;return Ke<<=1,!(Ke&62914560)&&(Ke=4194304),e}function Qe(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function $e(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function et(e,t,n,r,i,a){var o=e.pendingLanes;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=n,e.entangledLanes&=n,e.errorRecoveryDisabledLanes&=n,e.shellSuspendCounter=0;var s=e.entanglements,c=e.expirationTimes,l=e.hiddenUpdates;for(n=o&~n;0<n;){var u=31-Ve(n),d=1<<u;s[u]=0,c[u]=-1;var f=l[u];if(f!==null)for(l[u]=null,u=0;u<f.length;u++){var p=f[u];p!==null&&(p.lane&=-536870913)}n&=~d}r!==0&&tt(e,r,0),a!==0&&i===0&&e.tag!==0&&(e.suspendedLanes|=a&~(o&~t))}function tt(e,t,n){e.pendingLanes|=t,e.suspendedLanes&=~t;var r=31-Ve(t);e.entangledLanes|=t,e.entanglements[r]=e.entanglements[r]|1073741824|n&261930}function nt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-Ve(n),i=1<<r;i&t|e[r]&t&&(e[r]|=t),n&=~i}}function rt(e,t){var n=t&-t;return n=n&42?1:it(n),(n&(e.suspendedLanes|t))===0?n:0}function it(e){switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=128;break;case 268435456:e=134217728;break;default:e=0}return e}function at(e){return e&=-e,2<e?8<e?e&134217727?32:268435456:8:2}function ot(){var e=N.p;return e===0?(e=window.event,e===void 0?32:hp(e.type)):e}function st(e,t){var n=N.p;try{return N.p=e,t()}finally{N.p=n}}var ct=Math.random().toString(36).slice(2),lt=`__reactFiber$`+ct,ut=`__reactProps$`+ct,dt=`__reactContainer$`+ct,ft=`__reactEvents$`+ct,pt=`__reactListeners$`+ct,mt=`__reactHandles$`+ct,ht=`__reactResources$`+ct,gt=`__reactMarker$`+ct;function _t(e){delete e[lt],delete e[ut],delete e[ft],delete e[pt],delete e[mt]}function vt(e){var t=e[lt];if(t)return t;for(var n=e.parentNode;n;){if(t=n[dt]||n[lt]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=ff(e);e!==null;){if(n=e[lt])return n;e=ff(e)}return t}e=n,n=e.parentNode}return null}function yt(e){if(e=e[lt]||e[dt]){var t=e.tag;if(t===5||t===6||t===13||t===31||t===26||t===27||t===3)return e}return null}function bt(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e.stateNode;throw Error(i(33))}function xt(e){var t=e[ht];return t||=e[ht]={hoistableStyles:new Map,hoistableScripts:new Map},t}function St(e){e[gt]=!0}var Ct=new Set,wt={};function Tt(e,t){Et(e,t),Et(e+`Capture`,t)}function Et(e,t){for(wt[e]=t,e=0;e<t.length;e++)Ct.add(t[e])}var Dt=RegExp(`^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-Line truncated
|
|
||||||
`).replace(jd,``)}function Nd(e,t){return t=Md(t),Md(e)===t}function Pd(e,t,n,r,a,o){switch(n){case`children`:typeof r==`string`?t===`body`||t===`textarea`&&r===``||Jt(e,r):(typeof r==`number`||typeof r==`bigint`)&&t!==`body`&&Jt(e,``+r);break;case`className`:Mt(e,`class`,r);break;case`tabIndex`:Mt(e,`tabindex`,r);break;case`dir`:case`role`:case`viewBox`:case`width`:case`height`:Mt(e,n,r);break;case`style`:Zt(e,r,o);break;case`data`:if(t!==`object`){Mt(e,`data`,r);break}case`src`:case`href`:if(r===``&&(t!==`a`||n!==`href`)){e.removeAttribute(n);break}if(r==null||typeof r==`function`||typeof r==`symbol`||typeof r==`boolean`){e.removeAttribute(n);break}r=tn(``+r),e.setAttribute(n,r);break;case`action`:case`formAction`:if(typeof r==`function`){e.setAttribute(n,`javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')`);break}else typeof o==`function`&&(n===`formAction`?(t!==`input`&&Pd(e,t,`name`,a.name,a,null),Pd(e,t,`formEncType`,a.formEncType,a,null),Pd(e,t,`formMethod`,a.formMethod,a,null),Pd(e,t,`formTarget`,a.formTarget,a,null)):(Pd(e,t,`encType`,a.encType,a,null),Pd(e,t,`method`,a.method,a,null),Pd(e,t,`target`,a.target,a,null)));if(r==null||typeof r==`symbol`||typeof r==`boolean`){e.removeAttribute(n);break}r=tn(``+r),e.setAttribute(n,r);break;case`onClick`:r!=null&&(e.onclick=nn);break;case`onScroll`:r!=null&&X(`scroll`,e);break;case`onScrollEnd`:r!=null&&X(`scrollend`,e);break;case`dangerouslySetInnerHTML`:if(r!=null){if(typeof r!=`object`||!(`__html`in r))throw Error(i(61));if(n=r.__html,n!=null){if(a.children!=null)throw Error(i(60));e.innerHTML=n}}break;case`multiple`:e.multiple=r&&typeof r!=`function`&&typeof r!=`symbol`;break;case`muted`:e.muted=r&&typeof r!=`function`&&typeof r!=`symbol`;break;case`suppressContentEditableWarning`:case`suppressHydrationWarning`:case`defaultValue`:case`defaultChecked`:case`innerHTML`:case`ref`:break;case`autoFocus`:break;case`xlinkHref`:if(r==null||typeof r==`function`||typeof r==`boolean`||typeof r==`symbol`){e.removeAttribute(`xlink:href`);break}n=tn(``+r),e.setAttributeNS(`http://www.w3.org/1999/xlink`,`xlink:href`,n);break;case`contentEditable`:case`spellCheck`:case`draggable`:case`value`:case`autoReverse`:case`externalResourcesRequired`:case`focusable`:case`preserveAlpha`:r!=null&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,``+r):e.removeAttribute(n);break;case`inert`:case`allowFullScreen`:case`async`:case`autoPlay`:case`controls`:case`default`:case`defer`:case`disabled`:case`disablePictureInPicture`:case`disableRemotePlayback`:case`formNoValidate`:case`hidden`:case`loop`:case`noModule`:case`noValidate`:case`open`:case`playsInline`:case`readOnly`:case`required`:case`reversed`:case`scoped`:case`seamless`:case`itemScope`:r&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,``):e.removeAttribute(n);break;case`capture`:case`download`:!0===r?e.setAttribute(n,``):!1!==r&&r!=null&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,r):e.removeAttribute(n);break;case`cols`:case`rows`:case`size`:case`span`:r!=null&&typeof r!=`function`&&typeof r!=`symbol`&&!isNaN(r)&&1<=r?e.setAttribute(n,r):e.removeAttribute(n);break;case`rowSpan`:case`start`:r==null||typeof r==`function`||typeof r==`symbol`||isNaN(r)?e.removeAttribute(n):e.setAttribute(n,r);break;case`popover`:X(`beforetoggle`,e),X(`toggle`,e),jt(e,`popover`,r);break;case`xlinkActuate`:Nt(e,`http://www.w3.org/1999/xlink`,`xlink:actuate`,r);break;case`xlinkArcrole`:Nt(e,`http://www.w3.org/1999/xlink`,`xlink:arcrole`,r);break;case`xlinkRole`:Nt(e,`http://www.w3.org/1999/xlink`,`xlink:role`,r);break;case`xlinkShow`:Nt(e,`http://www.w3.org/1999/xlink`,`xlink:show`,r);break;case`xlinkTitle`:Nt(e,`http://www.w3.org/1999/xlink`,`xlink:title`,r);break;case`xlinkType`:Nt(e,`http://www.w3.org/1999/xlink`,`xlink:type`,r);break;case`xmlBase`:Nt(e,`http://www.w3.org/XML/1998/namespace`,`xml:base`,r);break;case`xmlLang`:Nt(e,`http://www.w3.org/XML/1998/namespace`,`xml:lang`,r);break;case`xmlSpace`:Nt(e,`http://www.w3.org/XML/1998/namespace`,`xml:space`,r);break;case`is`:jt(e,`is`,r);break;case`innerText`:case`textContent`:break;default:(!(2<n.length)||n[0]!==`o`&&n[0]!==`O`||n[1]!==`n`&&n[1]!==`N`)&&(n=$t.get(n)||n,jt(e,n,r))}}function Fd(e,t,n,r,a,o){switch(n){case`style`:Zt(e,r,o);break;case`dangerouslySetInnerHTML`:if(r!=null){if(typeof r!=`object`||!(`__html`in r))throw Error(i(61));if(n=r.__html,n!=null){if(a.children!=null)throw Error(i(60));e.innerHTML=n}}break;case`children`:typeof r==`string`?Jt(e,r):(typeof r==`number`||typeof r==`bigint`)&&Jt(e,``+r);break;case`onScroll`:r!=null&&X(`scroll`,e);break;case`onScrollEnd`:r!=null&&X(`scrollend`,e);break;case`onClick`:r!=null&&(e.onclick=nn);break;case`suppressContentEditableWarning`:case`suppressHydrationWarning`:case`innerHTML`
Line truncated
|
|
||||||
|
|
||||||
Please change the parent <Route path="${e}"> to <Route path="${e===`/`?`*`:`${e}/*`}">.`)}let u=ln(),d;if(t){let e=typeof t==`string`?nt(t):t;Xe(c===`/`||e.pathname?.startsWith(c),`When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${c}" but pathname "${e.pathname}" was given in the \`location\` prop.`),d=e}else d=u;let f=d.pathname||`/`,p=f;if(c!==`/`){let e=c.replace(/^\//,``).split(`/`);p=`/`+f.replace(/^\//,``).split(`/`).slice(e.length).join(`/`)}let m=n&&n.state.matches.length?n.state.matches.map(e=>Object.assign(e,{route:n.manifest[e.route.id]||e.route})):at(e,{pathname:p});Ze(l||m!=null,`No routes matched location "${d.pathname}${d.search}${d.hash}" `),Ze(m==null||m[m.length-1].route.element!==void 0||m[m.length-1].route.Component!==void 0||m[m.length-1].route.lazy!==void 0,`Matched leaf route at location "${d.pathname}${d.search}${d.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`);let h=Sn(m&&m.map(e=>Object.assign({},e,{params:Object.assign({},o,e.params),pathname:Pt([c,r.encodeLocation?r.encodeLocation(e.pathname.replace(/%/g,`%25`).replace(/\?/g,`%3F`).replace(/#/g,`%23`)).pathname:e.pathname]),pathnameBase:e.pathnameBase===`/`?c:Pt([c,r.encodeLocation?r.encodeLocation(e.pathnameBase.replace(/%/g,`%25`).replace(/\?/g,`%3F`).replace(/#/g,`%23`)).pathname:e.pathnameBase])})),i,n);return t&&h?C.createElement(Qt.Provider,{value:{location:{pathname:`/`,search:``,hash:``,state:null,key:`default`,mask:void 0,...d},navigationType:`POP`}},h):h}function gn(){let e=jn(),t=Bt(e)?`${e.status} ${e.statusText}`:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,r=`rgba(200,200,200, 0.5)`,i={padding:`0.5rem`,backgroundColor:r},a={padding:`2px 4px`,backgroundColor:r},o=null;return console.error(`Error handled by React Router default ErrorBoundary:`,e),o=C.createElement(C.Fragment,null,C.createElement(`p`,null,`💿 Hey developer 👋`),C.createElement(`p`,null,`You can provide a way better UX than this when your app throws errors by providing your own `,C.createElement(`code`,{style:a},`ErrorBoundary`),` or`,` `,C.createElement(`code`,{style:a},`errorElement`),` prop on your route.`)),C.createElement(C.Fragment,null,C.createElement(`h2`,null,`Unexpected Application Error!`),C.createElement(`h3`,{style:{fontStyle:`italic`}},t),n?C.createElement(`pre`,{style:i},n):null,o)}var _n=C.createElement(gn,null),vn=class extends C.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||t.revalidation!==`idle`&&e.revalidation===`idle`?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error===void 0?t.error:e.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){this.props.onError?this.props.onError(e,t):console.error(`React Router caught the following error during render`,e)}render(){let e=this.state.error;if(this.context&&typeof e==`object`&&e&&`digest`in e&&typeof e.digest==`string`){let t=on(e.digest);t&&(e=t)}let t=e===void 0?this.props.children:C.createElement($t.Provider,{value:this.props.routeContext},C.createElement(en.Provider,{value:e,children:this.props.component}));return this.context?C.createElement(bn,{error:e},t):t}};vn.contextType=Kt;var yn=new WeakMap;function bn({children:e,error:t}){let{basename:n}=C.useContext(Zt);if(typeof t==`object`&&t&&`digest`in t&&typeof t.digest==`string`){let e=an(t.digest);if(e){let r=yn.get(t);if(r)throw r;let i=Ut(e.location,n);if(Ht&&!yn.get(t))if(i.isExternal||e.reloadDocument)window.location.href=i.absoluteURL||i.to;else{let n=Promise.resolve().then(()=>window.__reactRouterDataRouter.navigate(i.to,{replace:e.replace}));throw yn.set(t,n),n}return C.createElement(`meta`,{httpEquiv:`refresh`,content:`0;url=${i.absoluteURL||i.to}`})}}return e}function xn({routeContext:e,match:t,children:n}){let r=C.useContext(Wt);return r&&r.static&&r.staticContext&&(t.route.errorElement||t.route.ErrorBoundary)&&(r.staticContext._deepestRenderedBoundaryId=t.route.id),C.createElement($t.Provider,{value:e},n)}function Sn(e,t=[],n){let r=n?.state;if(e==null){if(!r)return null;if(r.errors)e=r.matches;else if(t.length===0&&!r.initialized&&r.matches.length>0)e=r.matches;else return null}let i=e,a=r?.errors;if(a!=null){let e=i.findIndex(e=>e.route.id&&a?.[e.route.id]!==void 0);Xe(e>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(a).join(`,`)}`),i=i.slice(0,Math.min(i.length,e+1))}let o=!1,s=-1;if(n&&r){o=r.renderFallback;for(let e=0;e<i.length;e++){let t=i[e];if((t.route.HydrateFallback||t.route.hydrateFallbackElement)&&(s=e),t.route.id){lLine truncated
|
|
||||||
`)),(Sc===void 0?xc:Cc)(l,a,o,s,c)}}wc();function Tc(e,t=-(2**53-1),n=2**53-1){return Math.max(t,Math.min(e,n))}var Ec=Tc;function Dc(e,t=0,n=1){return Ec(e,t,n)}function Oc(e){e=e.slice(1);let t=RegExp(`.{1,${e.length>=6?2:1}}`,`g`),n=e.match(t);return n&&n[0].length===1&&(n=n.map(e=>e+e)),n?`rgb${n.length===4?`a`:``}(${n.map((e,t)=>t<3?parseInt(e,16):Math.round(parseInt(e,16)/255*1e3)/1e3).join(`, `)})`:``}function kc(e){if(e.type)return e;if(e.charAt(0)===`#`)return kc(Oc(e));let t=e.indexOf(`(`),n=e.substring(0,t);if(![`rgb`,`rgba`,`hsl`,`hsla`,`color`].includes(n))throw Error(Wr(9,e));let r=e.substring(t+1,e.length-1),i;if(n===`color`){if(r=r.split(` `),i=r.shift(),r.length===4&&r[3].charAt(0)===`/`&&(r[3]=r[3].slice(1)),![`srgb`,`display-p3`,`a98-rgb`,`prophoto-rgb`,`rec-2020`].includes(i))throw Error(Wr(10,i))}else r=r.split(`,`);return r=r.map(e=>parseFloat(e)),{type:n,values:r,colorSpace:i}}const Ac=e=>{let t=kc(e);return t.values.slice(0,3).map((e,n)=>t.type.includes(`hsl`)&&n!==0?`${e}%`:e).join(` `)},jc=(e,t)=>{try{return Ac(e)}catch{return e}};function Mc(e){let{type:t,colorSpace:n}=e,{values:r}=e;return t.includes(`rgb`)?r=r.map((e,t)=>t<3?parseInt(e,10):e):t.includes(`hsl`)&&(r[1]=`${r[1]}%`,r[2]=`${r[2]}%`),r=t.includes(`color`)?`${n} ${r.join(` `)}`:`${r.join(`, `)}`,`${t}(${r})`}function Nc(e){e=kc(e);let{values:t}=e,n=t[0],r=t[1]/100,i=t[2]/100,a=r*Math.min(i,1-i),o=(e,t=(e+n/30)%12)=>i-a*Math.max(Math.min(t-3,9-t,1),-1),s=`rgb`,c=[Math.round(o(0)*255),Math.round(o(8)*255),Math.round(o(4)*255)];return e.type===`hsla`&&(s+=`a`,c.push(t[3])),Mc({type:s,values:c})}function Pc(e){e=kc(e);let t=e.type===`hsl`||e.type===`hsla`?kc(Nc(e)).values:e.values;return t=t.map(t=>(e.type!==`color`&&(t/=255),t<=.03928?t/12.92:((t+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function Fc(e,t){let n=Pc(e),r=Pc(t);return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function Ic(e,t){return e=kc(e),t=Dc(t),(e.type===`rgb`||e.type===`hsl`)&&(e.type+=`a`),e.type===`color`?e.values[3]=`/${t}`:e.values[3]=t,Mc(e)}function Lc(e,t,n){try{return Ic(e,t)}catch{return e}}function Rc(e,t){if(e=kc(e),t=Dc(t),e.type.includes(`hsl`))e.values[2]*=1-t;else if(e.type.includes(`rgb`)||e.type.includes(`color`))for(let n=0;n<3;n+=1)e.values[n]*=1-t;return Mc(e)}function U(e,t,n){try{return Rc(e,t)}catch{return e}}function zc(e,t){if(e=kc(e),t=Dc(t),e.type.includes(`hsl`))e.values[2]+=(100-e.values[2])*t;else if(e.type.includes(`rgb`))for(let n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;else if(e.type.includes(`color`))for(let n=0;n<3;n+=1)e.values[n]+=(1-e.values[n])*t;return Mc(e)}function Bc(e,t,n){try{return zc(e,t)}catch{return e}}function Vc(e,t=.15){return Pc(e)>.5?Rc(e,t):zc(e,t)}function Hc(e,t,n){try{return Vc(e,t)}catch{return e}}var Uc=C.createContext(null);function Wc(){return C.useContext(Uc)}var Gc=typeof Symbol==`function`&&Symbol.for?Symbol.for(`mui.nested`):`__THEME_NESTED__`;function Kc(e,t){return typeof t==`function`?t(e):{...e,...t}}function qc(e){let{children:t,theme:n}=e,r=Wc(),i=C.useMemo(()=>{let e=r===null?{...n}:Kc(r,n);return e!=null&&(e[Gc]=r!==null),e},[n,r]);return(0,z.jsx)(Uc.Provider,{value:i,children:t})}var Jc=qc,Yc=C.createContext();function Xc({value:e,...t}){return(0,z.jsx)(Yc.Provider,{value:e??!0,...t})}const Zc=()=>C.useContext(Yc)??!1;var Qc=Xc,$c=C.createContext(void 0);function el({value:e,children:t}){return(0,z.jsx)($c.Provider,{value:e,children:t})}function tl(e){let{theme:t,name:n,props:r}=e;if(!t||!t.components||!t.components[n])return r;let i=t.components[n];return i.defaultProps?_c(i.defaultProps,r,t.components.mergeClassNameAndStyle):!i.styleOverrides&&!i.variants?_c(i,r,t.components.mergeClassNameAndStyle):r}function nl({props:e,name:t}){return tl({props:e,name:t,theme:{components:C.useContext($c)}})}var rl=el,il=0;function al(e){let[t,n]=C.useState(e),r=e||t;return C.useEffect(()=>{t??(il+=1,n(`mui-${il}`))},[t]),r}var ol={...C}.useId;function sl(e){if(ol!==void 0){let t=ol();return e??t}return al(e)}function cl(e){let t=Vs(),n=sl()||``,{modularCssLayers:r}=e,i=`mui.global, mui.components, mui.theme, mui.custom, mui.sx`;return i=!r||t!==null?``:typeof r==`string`?r.replace(/mui(?!\.)/g,i):`@layer ${i};`,bc(()=>{let e=document.querySelector(`head`);if(!e)return;let t=e.firstChild;if(i){if(t&&t.hasAttribute?.(`data-mui-layer-order`)&&t.getAttribute(`data-mui-layer-order`)===n)return;let r=document.createElement(`style`);r.setAttribute(`data-mui-layer-order`,n),r.textContent=i,e.prepend(r)}else e.querySelector(`style[data-mui-layer-order="${n}"]`)?.remove()},[i,n]),i?(0,z.jsx)(qs,{styles:i}):null}var ll={};function ul(e,t,n,r=!1){return C.useMemo(()=>{let i=e&&t[e]||t;if(typeof n==`function`){let a=n(i),o=e?{...t,[e]:a}:a;return r?()=>o:o}return e?{...t,[e]:n}:{...t,...n}},[e,t,n,r])}function dl(e){let{children:t,theme:n,themeId:r}=e,i=Vs(ll),a=Wc()||ll,o=ul(r,i,n),s=ul(r,a,n,!0),c=(r?o[r]:o).direction===`rtl`,l=cl(o);return(0,z.jsx)(Jc,{theme:s,children:
Line truncated
|
|
||||||
${s}.classList.add('${e}'.replace('%s', colorScheme));`}let d=u.match(/\[([^[\]]+)\]/);if(d){let[e,t]=d[1].split(`=`);t||(l+=`${s}.removeAttribute('${e}'.replace('%s', light));
|
|
||||||
${s}.removeAttribute('${e}'.replace('%s', dark));`),l+=`
|
|
||||||
${s}.setAttribute('${e}'.replace('%s', colorScheme), ${t?`${t}.replace('%s', colorScheme)`:`""`});`}else l+=`${s}.setAttribute('${u}', colorScheme);`;return(0,z.jsx)(`script`,{suppressHydrationWarning:!0,nonce:typeof window>`u`?c:``,dangerouslySetInnerHTML:{__html:`(function() {
|
|
||||||
try {
|
|
||||||
let colorScheme = '';
|
|
||||||
const mode = localStorage.getItem('${i}') || '${t}';
|
|
||||||
const dark = localStorage.getItem('${a}-dark') || '${r}';
|
|
||||||
const light = localStorage.getItem('${a}-light') || '${n}';
|
|
||||||
if (mode === 'system') {
|
|
||||||
// handle system mode
|
|
||||||
const mql = window.matchMedia('(prefers-color-scheme: dark)');
|
|
||||||
if (mql.matches) {
|
|
||||||
colorScheme = dark
|
|
||||||
} else {
|
|
||||||
colorScheme = light
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (mode === 'light') {
|
|
||||||
colorScheme = light;
|
|
||||||
}
|
|
||||||
if (mode === 'dark') {
|
|
||||||
colorScheme = dark;
|
|
||||||
}
|
|
||||||
if (colorScheme) {
|
|
||||||
${l}
|
|
||||||
}
|
|
||||||
} catch(e){}})();`}},`mui-color-scheme-init`)}function vl(){}var yl=({key:e,storageWindow:t})=>(!t&&typeof window<`u`&&(t=window),{get(n){if(typeof window>`u`)return;if(!t)return n;let r;try{r=t.localStorage.getItem(e)}catch{}return r||n},set:n=>{if(t)try{t.localStorage.setItem(e,n)}catch{}},subscribe:n=>{if(!t)return vl;let r=t=>{let r=t.newValue;t.key===e&&n(r)};return t.addEventListener(`storage`,r),()=>{t.removeEventListener(`storage`,r)}}});function bl(){}function xl(e){if(typeof window<`u`&&typeof window.matchMedia==`function`&&e===`system`)return window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function Sl(e,t){if(e.mode===`light`||e.mode===`system`&&e.systemMode===`light`)return t(`light`);if(e.mode===`dark`||e.mode===`system`&&e.systemMode===`dark`)return t(`dark`)}function Cl(e){return Sl(e,t=>{if(t===`light`)return e.lightColorScheme;if(t===`dark`)return e.darkColorScheme})}function wl(e){let{defaultMode:t=`light`,defaultLightColorScheme:n,defaultDarkColorScheme:r,supportedColorSchemes:i=[],modeStorageKey:a=hl,colorSchemeStorageKey:o=gl,storageWindow:s=typeof window>`u`?void 0:window,storageManager:c=yl,noSsr:l=!1}=e,u=i.join(`,`),d=i.length>1,f=C.useMemo(()=>c?.({key:a,storageWindow:s}),[c,a,s]),p=C.useMemo(()=>c?.({key:`${o}-light`,storageWindow:s}),[c,o,s]),m=C.useMemo(()=>c?.({key:`${o}-dark`,storageWindow:s}),[c,o,s]),[h,g]=C.useState(()=>{let e=f?.get(t)||t,i=p?.get(n)||n,a=m?.get(r)||r;return{mode:e,systemMode:xl(e),lightColorScheme:i,darkColorScheme:a}}),[_,v]=C.useState(l||!d);C.useEffect(()=>{v(!0)},[]);let y=Cl(h),b=C.useCallback(e=>{g(n=>{if(e===n.mode)return n;let r=e??t;return f?.set(r),{...n,mode:r,systemMode:xl(r)}})},[f,t]),x=C.useCallback(e=>{e?typeof e==`string`?e&&!u.includes(e)?console.error(`\`${e}\` does not exist in \`theme.colorSchemes\`.`):g(t=>{let n={...t};return Sl(t,t=>{t===`light`&&(p?.set(e),n.lightColorScheme=e),t===`dark`&&(m?.set(e),n.darkColorScheme=e)}),n}):g(t=>{let i={...t},a=e.light===null?n:e.light,o=e.dark===null?r:e.dark;return a&&(u.includes(a)?(i.lightColorScheme=a,p?.set(a)):console.error(`\`${a}\` does not exist in \`theme.colorSchemes\`.`)),o&&(u.includes(o)?(i.darkColorScheme=o,m?.set(o)):console.error(`\`${o}\` does not exist in \`theme.colorSchemes\`.`)),i}):g(e=>(p?.set(n),m?.set(r),{...e,lightColorScheme:n,darkColorScheme:r}))},[u,p,m,n,r]),S=C.useCallback(e=>{h.mode===`system`&&g(t=>{let n=e?.matches?`dark`:`light`;return t.systemMode===n?t:{...t,systemMode:n}})},[h.mode]),w=C.useRef(S);return w.current=S,C.useEffect(()=>{if(typeof window.matchMedia!=`function`||!d)return;let e=(...e)=>w.current(...e),t=window.matchMedia(`(prefers-color-scheme: dark)`);return t.addListener(e),e(t),()=>{t.removeListener(e)}},[d]),C.useEffect(()=>{if(d){let e=f?.subscribe(e=>{(!e||[`light`,`dark`,`system`].includes(e))&&b(e||t)})||bl,n=p?.subscribe(e=>{(!e||u.match(e))&&x({light:e})})||bl,r=m?.subscribe(e=>{(!e||u.match(e))&&x({dark:e})})||bl;return()=>{e(),n(),r()}}},[x,b,u,t,s,d,f,p,m]),{...h,mode:_?h.mode:void 0,systemMode:_?h.systemMode:void 0,colorScheme:_?y:void 0,setMode:b,setColorScheme:x}}function Tl(e){let{themeId:t,theme:n={},modeStorageKey:r=hl,colorSchemeStorageKey:i=gl,disableTransitionOnChange:a=!1,defaultColorScheme:o,resolveTheme:s}=e,c={allColorSchemes:[],colorScheme:void 0,darkColorScheme:void 0,lightColorScheme:void 0,mode:void 0,setColorScheme:()=>{},setMode:()=>{},systemMode:void 0},l=C.createContext(void 0),u=()=>C.useContext(l)||c,d={},f={};function p(e){let{children:c,theme:u,modeStorageKey:p=r,colorSchemeStorageKey:m=i,disableTransitionOnChange:h=a,storageManager:g,storageWindow:_=typeof window>`u`?void 0:window,documentNode:v=typeof document>`u`?void 0:document,colorSchemeNode:y=typeof document>`u`?void 0:document.documentElement,disableNestedContext:b=!1,disableStyleSheetGeneration:x=!1,defaultMode:S=`system`,forceThemeRerender:w=!1,noSsr:T}=e,E=C.useRef(!1),ee=Wc(),D=C.useContext(l),te=!!D&&!b,ne=C.useMemo(()=>u||(typeof n==`function`?n():n),[u]),re=ne[t],O=re||ne,{colorSchemes:k=d,components:A=f,cssVarPrefix:j}=O,M=Object.keys(k).filter(e=>!!k[e]).join(`,`),N=C.useMemo(()=>M.split(`,`),[M]),ie=typeof o==`string`?o:o.light,ae=typeof o==`string`?o:o.dark,{mode:oe,setMode:se,systemMode:ce,lightColorScheme:P,darkColorScheme:le,colorScheme:ue,setColorScheme:de}=wl({supportedColorSchemes:N,defaultLightColorScheme:ie,defaultDarkColorScheme:ae,modeStorageKey:p,colorSchemeStorageKey:m,defaultMode:k[ie]&&k[ae]?S:k[O.defaultColorScheme]?.palette?.mode||O.palette?.mode,storageManager:g,storageWindow:_,noSsr:T}),fe=oe,pe=ue;te&&(fe=D.mode,pe=D.colorScheme);let me=pe||O.defaultColorScheme;O.vars&&!w&&(me=O.defaultColorScheme);let he=C.useMemo(()=>{let e=O.generateThemeVars?.()||O.vars,t={...O,components:A,colorSchemes:k,cssVarPrefix:j,vars:e};if(typeof t.generateSpacing==`function`&&(t.spacing=t.generateSpacing()),me){let e=k[me];e&&typeof e==`object`&&Object.keys(e).forEach(n=>{e[n]&&typeof e[n]==`object`?t[n]={...t[n],.Line truncated
|
|
||||||
|
|
||||||
const theme = ${JSON.stringify(t,null,2)};
|
|
||||||
|
|
||||||
theme.breakpoints = createBreakpoints(theme.breakpoints || {});
|
|
||||||
theme.transitions = createTransitions(theme.transitions || {});
|
|
||||||
|
|
||||||
export default theme;`}function Zu(e){return typeof e==`number`?`${(e*100).toFixed(0)}%`:`calc((${e}) * 100%)`}var Qu=e=>{if(!Number.isNaN(+e))return+e;let t=e.match(/\d*\.?\d+/g);if(!t)return 0;let n=0;for(let e=0;e<t.length;e+=1)n+=+t[e];return n};function $u(e){Object.assign(e,{alpha(t,n){let r=this||e;return r.colorSpace?`oklch(from ${t} l c h / ${typeof n==`string`?`calc(${n})`:n})`:r.vars?`rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g,`var(--$1Channel)`)} / ${typeof n==`string`?`calc(${n})`:n})`:Ic(t,Qu(n))},lighten(t,n){let r=this||e;return r.colorSpace?`color-mix(in ${r.colorSpace}, ${t}, #fff ${Zu(n)})`:zc(t,n)},darken(t,n){let r=this||e;return r.colorSpace?`color-mix(in ${r.colorSpace}, ${t}, #000 ${Zu(n)})`:Rc(t,n)}})}function ed(e={},...t){let{breakpoints:n,mixins:r={},spacing:i,palette:a={},transitions:o={},typography:s={},shape:c,colorSpace:l,...u}=e;if(e.vars&&e.generateThemeVars===void 0)throw Error(Wr(20));let d=ju({...a,colorSpace:l}),f=Rs(e),p=V(f,{mixins:Nu(f.breakpoints,r),palette:d,shadows:Hu.slice(),typography:Lu(d,s),transitions:qu(o),zIndex:{...Ju}});return p=V(p,u),p=t.reduce((e,t)=>V(e,t),p),p.unstable_sxConfig={...As,...u?.unstable_sxConfig},p.unstable_sx=function(e){return Fs({sx:e,theme:this})},p.toRuntimeSource=Xu,$u(p),p}var td=ed;function nd(e){let t;return t=e<1?5.11916*e**2:4.5*Math.log(e+1)+2,Math.round(t*10)/1e3}var rd=[...Array(25)].map((e,t)=>{if(t===0)return`none`;let n=nd(t);return`linear-gradient(rgba(255 255 255 / ${n}), rgba(255 255 255 / ${n}))`});function id(e){return{inputPlaceholder:e===`dark`?.5:.42,inputUnderline:e===`dark`?.7:.42,switchTrackDisabled:e===`dark`?.2:.12,switchTrack:e===`dark`?.3:.38}}function ad(e){return e===`dark`?rd:[]}function od(e){let{palette:t={mode:`light`},opacity:n,overlays:r,colorSpace:i,...a}=e,o=ju({...t,colorSpace:i});return{palette:o,opacity:{...id(o.mode),...n},overlays:r||ad(o.mode),...a}}function sd(e){return!!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/)||!!e[0].match(/sxConfig$/)||e[0]===`palette`&&!!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/)}var cd=e=>[...[...Array(25)].map((t,n)=>`--${e?`${e}-`:``}overlays-${n}`),`--${e?`${e}-`:``}palette-AppBar-darkBg`,`--${e?`${e}-`:``}palette-AppBar-darkColor`],ld=e=>(t,n)=>{let r=e.rootSelector||`:root`,i=e.colorSchemeSelector,a=i;if(i===`class`&&(a=`.%s`),i===`data`&&(a=`[data-%s]`),i?.startsWith(`data-`)&&!i.includes(`%s`)&&(a=`[${i}="%s"]`),e.defaultColorScheme===t){if(t===`dark`){let i={};return cd(e.cssVarPrefix).forEach(e=>{i[e]=n[e],delete n[e]}),a===`media`?{[r]:n,"@media (prefers-color-scheme: dark)":{[r]:i}}:a?{[a.replace(`%s`,t)]:i,[`${r}, ${a.replace(`%s`,t)}`]:n}:{[r]:{...n,...i}}}if(a&&a!==`media`)return`${r}, ${a.replace(`%s`,String(t))}`}else if(t){if(a===`media`)return{[`@media (prefers-color-scheme: ${String(t)})`]:{[r]:n}};if(a)return a.replace(`%s`,String(t))}return r};function ud(e,t){t.forEach(t=>{e[t]||(e[t]={})})}function Y(e,t,n){!e[t]&&n&&(e[t]=n)}function dd(e){return typeof e!=`string`||!e.startsWith(`hsl`)?e:Nc(e)}function fd(e,t){`${t}Channel`in e||(e[`${t}Channel`]=jc(dd(e[t]),`MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
|
|
||||||
To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`))}function pd(e){return typeof e==`number`?`${e}px`:typeof e==`string`||typeof e==`function`||Array.isArray(e)?e:`8px`}var md=e=>{try{return e()}catch{}};const hd=(e=`mui`)=>El(e);function gd(e,t,n,r,i){if(!n)return;n=n===!0?{}:n;let a=i===`dark`?`dark`:`light`;if(!r){t[i]=od({...n,palette:{mode:a,...n?.palette},colorSpace:e});return}let{palette:o,...s}=td({...r,palette:{mode:a,...n?.palette},colorSpace:e});return t[i]={...n,palette:o,opacity:{...id(a),...n?.opacity},overlays:n?.overlays||ad(a)},s}function _d(e={},...t){let{colorSchemes:n={light:!0},defaultColorScheme:r,disableCssColorScheme:i=!1,cssVarPrefix:a=`mui`,nativeColor:o=!1,shouldSkipGeneratingVar:s=sd,colorSchemeSelector:c=n.light&&n.dark?`media`:void 0,rootSelector:l=`:root`,...u}=e,d=Object.keys(n)[0],f=r||(n.light&&d!==`light`?`light`:d),p=hd(a),{[f]:m,light:h,dark:g,..._}=n,v={..._},y=m;if((f===`dark`&&!(`dark`in n)||f===`light`&&!(`light`in n))&&(y=!0),!y)throw Error(Wr(21,f));let b;o&&(b=`oklch`);let x=gd(b,v,y,u,f);h&&!v.light&&gd(b,v,h,void 0,`light`),g&&!v.dark&&gd(b,v,g,void 0,`dark`);let S={defaultColorScheme:f,...x,cssVarPrefix:a,colorSchemeSelector:c,rootSelector:l,getCssVar:p,colorSchemes:v,font:{...Mu(x.typography),...x.font},spacing:pd(u.spacing)};Object.keys(S.colorSchemes).forEach(e=>{let t=S.colorSchemes[e].palette,n=e=>{let n=e.split(`-`),r=n[1],i=n[2];return p(e,t[r][i])};t.mode===`light`&&(Y(t.common,`background`,`#fff`),Y(t.common,`onBackground`,`#000`)),t.mode===`dark`&&(Y(t.common,`background`,`#000`),Y(t.common,`onBackground`,`#fff`));function r(e,t,n){if(b){let r;return e===Lc&&(r=`transparent ${((1-n)*100).toFixed(0)}%`),e===U&&(r=`#000 ${(n*100).toFixed(0)}%`),e===Bc&&(r=`#fff ${(n*100).toFixed(0)}%`),`color-mix(in ${b}, ${t}, ${r})`}return e(t,n)}if(ud(t,[`Alert`,`AppBar`,`Avatar`,`Button`,`Chip`,`FilledInput`,`LinearProgress`,`Skeleton`,`Slider`,`SnackbarContent`,`SpeedDialAction`,`StepConnector`,`StepContent`,`Switch`,`TableCell`,`Tooltip`]),t.mode===`light`){Y(t.Alert,`errorColor`,r(U,t.error.light,.6)),Y(t.Alert,`infoColor`,r(U,t.info.light,.6)),Y(t.Alert,`successColor`,r(U,t.success.light,.6)),Y(t.Alert,`warningColor`,r(U,t.warning.light,.6)),Y(t.Alert,`errorFilledBg`,n(`palette-error-main`)),Y(t.Alert,`infoFilledBg`,n(`palette-info-main`)),Y(t.Alert,`successFilledBg`,n(`palette-success-main`)),Y(t.Alert,`warningFilledBg`,n(`palette-warning-main`)),Y(t.Alert,`errorFilledColor`,md(()=>t.getContrastText(t.error.main))),Y(t.Alert,`infoFilledColor`,md(()=>t.getContrastText(t.info.main))),Y(t.Alert,`successFilledColor`,md(()=>t.getContrastText(t.success.main))),Y(t.Alert,`warningFilledColor`,md(()=>t.getContrastText(t.warning.main))),Y(t.Alert,`errorStandardBg`,r(Bc,t.error.light,.9)),Y(t.Alert,`infoStandardBg`,r(Bc,t.info.light,.9)),Y(t.Alert,`successStandardBg`,r(Bc,t.success.light,.9)),Y(t.Alert,`warningStandardBg`,r(Bc,t.warning.light,.9)),Y(t.Alert,`errorIconColor`,n(`palette-error-main`)),Y(t.Alert,`infoIconColor`,n(`palette-info-main`)),Y(t.Alert,`successIconColor`,n(`palette-success-main`)),Y(t.Alert,`warningIconColor`,n(`palette-warning-main`)),Y(t.AppBar,`defaultBg`,n(`palette-grey-100`)),Y(t.Avatar,`defaultBg`,n(`palette-grey-400`)),Y(t.Button,`inheritContainedBg`,n(`palette-grey-300`)),Y(t.Button,`inheritContainedHoverBg`,n(`palette-grey-A100`)),Y(t.Chip,`defaultBorder`,n(`palette-grey-400`)),Y(t.Chip,`defaultAvatarColor`,n(`palette-grey-700`)),Y(t.Chip,`defaultIconColor`,n(`palette-grey-700`)),Y(t.FilledInput,`bg`,`rgba(0, 0, 0, 0.06)`),Y(t.FilledInput,`hoverBg`,`rgba(0, 0, 0, 0.09)`),Y(t.FilledInput,`disabledBg`,`rgba(0, 0, 0, 0.12)`),Y(t.LinearProgress,`primaryBg`,r(Bc,t.primary.main,.62)),Y(t.LinearProgress,`secondaryBg`,r(Bc,t.secondary.main,.62)),Y(t.LinearProgress,`errorBg`,r(Bc,t.error.main,.62)),Y(t.LinearProgress,`infoBg`,r(Bc,t.info.main,.62)),Y(t.LinearProgress,`successBg`,r(Bc,t.success.main,.62)),Y(t.LinearProgress,`warningBg`,r(Bc,t.warning.main,.62)),Y(t.Skeleton,`bg`,b?r(Lc,t.text.primary,.11):`rgba(${n(`palette-text-primaryChannel`)} / 0.11)`),Y(t.Slider,`primaryTrack`,r(Bc,t.primary.main,.62)),Y(t.Slider,`secondaryTrack`,r(Bc,t.secondary.main,.62)),Y(t.Slider,`errorTrack`,r(Bc,t.error.main,.62)),Y(t.Slider,`infoTrack`,r(Bc,t.info.main,.62)),Y(t.Slider,`successTrack`,r(Bc,t.success.main,.62)),Y(t.Slider,`warningTrack`,r(Bc,t.warning.main,.62));let e=b?r(U,t.background.default,.6825):Hc(t.background.default,.8);Y(t.SnackbarContent,`bg`,e),Y(t.SnackbarContent,`color`,md(()=>b?xu.text.primary:t.getContrastText(e))),Y(t.SpeedDialAction,`fabHoverBg`,Hc(t.background.paper,.15)),Y(t.StepConnector,`border`,n(`palette-grey-400`)),Y(t.StepContent,`border`,n(`palette-grey-400`)),Y(t.Switch,`defaultColor`,n(`palette-common-white`)),Y(t.Switch,`defaultDisabledColor`,n(`palette-grey-100`)),Y(t.Switch,`primaryDis
Line truncated
|
|
||||||
0% {
|
|
||||||
transform: scale(0);
|
|
||||||
opacity: 0.1;
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
transform: scale(1);
|
|
||||||
opacity: 0.3;
|
|
||||||
}
|
|
||||||
`,Ap=Ha`
|
|
||||||
0% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
`,jp=Ha`
|
|
||||||
0% {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
50% {
|
|
||||||
transform: scale(0.92);
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
`;const Mp=Z(`span`,{name:`MuiTouchRipple`,slot:`Root`})({overflow:`hidden`,pointerEvents:`none`,position:`absolute`,zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:`inherit`}),Np=Z(Ep,{name:`MuiTouchRipple`,slot:`Ripple`})`
|
|
||||||
opacity: 0;
|
|
||||||
position: absolute;
|
|
||||||
|
|
||||||
&.${Dp.rippleVisible} {
|
|
||||||
opacity: 0.3;
|
|
||||||
transform: scale(1);
|
|
||||||
animation-name: ${kp};
|
|
||||||
animation-duration: ${Op}ms;
|
|
||||||
animation-timing-function: ${({theme:e})=>e.transitions.easing.easeInOut};
|
|
||||||
}
|
|
||||||
|
|
||||||
&.${Dp.ripplePulsate} {
|
|
||||||
animation-duration: ${({theme:e})=>e.transitions.duration.shorter}ms;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .${Dp.child} {
|
|
||||||
opacity: 1;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .${Dp.childLeaving} {
|
|
||||||
opacity: 0;
|
|
||||||
animation-name: ${Ap};
|
|
||||||
animation-duration: ${Op}ms;
|
|
||||||
animation-timing-function: ${({theme:e})=>e.transitions.easing.easeInOut};
|
|
||||||
}
|
|
||||||
|
|
||||||
& .${Dp.childPulsate} {
|
|
||||||
position: absolute;
|
|
||||||
/* @noflip */
|
|
||||||
left: 0px;
|
|
||||||
top: 0;
|
|
||||||
animation-name: ${jp};
|
|
||||||
animation-duration: 2500ms;
|
|
||||||
animation-timing-function: ${({theme:e})=>e.transitions.easing.easeInOut};
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
animation-delay: 200ms;
|
|
||||||
}
|
|
||||||
`;var Pp=C.forwardRef(function(e,t){let{center:n=!1,classes:r={},className:i,...a}=Fd({props:e,name:`MuiTouchRipple`}),[o,s]=C.useState([]),c=C.useRef(0),l=C.useRef(null);C.useEffect(()=>{l.current&&=(l.current(),null)},[o]);let u=C.useRef(!1),d=tp(),f=C.useRef(null),p=C.useRef(null),m=C.useCallback(e=>{let{pulsate:t,rippleX:n,rippleY:i,rippleSize:a,cb:o}=e;s(e=>[...e,(0,z.jsx)(Np,{classes:{ripple:H(r.ripple,Dp.ripple),rippleVisible:H(r.rippleVisible,Dp.rippleVisible),ripplePulsate:H(r.ripplePulsate,Dp.ripplePulsate),child:H(r.child,Dp.child),childLeaving:H(r.childLeaving,Dp.childLeaving),childPulsate:H(r.childPulsate,Dp.childPulsate)},timeout:Op,pulsate:t,rippleX:n,rippleY:i,rippleSize:a},c.current)]),c.current+=1,l.current=o},[r]),h=C.useCallback((e={},t={},r=()=>{})=>{let{pulsate:i=!1,center:a=n||t.pulsate,fakeElement:o=!1}=t;if(e?.type===`mousedown`&&u.current){u.current=!1;return}e?.type===`touchstart`&&(u.current=!0);let s=o?null:p.current,c=s?s.getBoundingClientRect():{width:0,height:0,left:0,top:0},l,h,g;if(a||e===void 0||e.clientX===0&&e.clientY===0||!e.clientX&&!e.touches)l=Math.round(c.width/2),h=Math.round(c.height/2);else{let{clientX:t,clientY:n}=e.touches&&e.touches.length>0?e.touches[0]:e;l=Math.round(t-c.left),h=Math.round(n-c.top)}if(a)g=Math.sqrt((2*c.width**2+c.height**2)/3),g%2==0&&(g+=1);else{let e=Math.max(Math.abs((s?s.clientWidth:0)-l),l)*2+2,t=Math.max(Math.abs((s?s.clientHeight:0)-h),h)*2+2;g=Math.sqrt(e**2+t**2)}e?.touches?f.current===null&&(f.current=()=>{m({pulsate:i,rippleX:l,rippleY:h,rippleSize:g,cb:r})},d.start(80,()=>{f.current&&=(f.current(),null)})):m({pulsate:i,rippleX:l,rippleY:h,rippleSize:g,cb:r})},[n,m,d]),g=C.useCallback(()=>{h({},{pulsate:!0})},[h]),_=C.useCallback((e,t)=>{if(d.clear(),e?.type===`touchend`&&f.current){f.current(),f.current=null,d.start(0,()=>{_(e,t)});return}f.current=null,s(e=>e.length>0?e.slice(1):e),l.current=t},[d]);return C.useImperativeHandle(t,()=>({pulsate:g,start:h,stop:_}),[g,h,_]),(0,z.jsx)(Mp,{className:H(Dp.root,r.root,i),ref:p,...a,children:(0,z.jsx)(Yf,{component:null,exit:!0,children:o})})});function Fp(e){return nc(`MuiButtonBase`,e)}var Ip=rc(`MuiButtonBase`,[`root`,`disabled`,`focusVisible`]),Lp=e=>{let{disabled:t,focusVisible:n,focusVisibleClassName:r,classes:i}=e,a=Pl({root:[`root`,t&&`disabled`,n&&`focusVisible`]},Fp,i);return n&&r&&(a.root+=` ${r}`),a};const Rp=Z(`button`,{name:`MuiButtonBase`,slot:`Root`})({display:`inline-flex`,alignItems:`center`,justifyContent:`center`,position:`relative`,boxSizing:`border-box`,WebkitTapHighlightColor:`transparent`,backgroundColor:`transparent`,outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:`pointer`,userSelect:`none`,verticalAlign:`middle`,MozAppearance:`none`,WebkitAppearance:`none`,textDecoration:`none`,color:`inherit`,"&::-moz-focus-inner":{borderStyle:`none`},[`&.${Ip.disabled}`]:{pointerEvents:`none`,cursor:`default`},"@media print":{colorAdjust:`exact`}});var zp=C.forwardRef(function(e,t){let n=Fd({props:e,name:`MuiButtonBase`}),{action:r,centerRipple:i=!1,children:a,className:o,component:s=`button`,disabled:c=!1,disableRipple:l=!1,disableTouchRipple:u=!1,focusRipple:d=!1,focusVisibleClassName:f,LinkComponent:p=`a`,onBlur:m,onClick:h,onContextMenu:g,onDragLeave:_,onFocus:v,onFocusVisible:y,onKeyDown:b,onKeyUp:x,onMouseDown:S,onMouseLeave:w,onMouseUp:T,onTouchEnd:E,onTouchMove:ee,onTouchStart:D,tabIndex:te=0,TouchRippleProps:ne,touchRippleRef:re,type:O,...k}=n,A=C.useRef(null),j=Cp(),M=Sf(j.ref,re),[N,ie]=C.useState(!1);c&&N&&ie(!1),C.useImperativeHandle(r,()=>({focusVisible:()=>{ie(!0),A.current.focus()}}),[]);let ae=j.shouldMount&&!l&&!c;C.useEffect(()=>{N&&d&&!l&&j.pulsate()},[l,d,N,j]);let oe=Bp(j,`start`,S,u),se=Bp(j,`stop`,g,u),ce=Bp(j,`stop`,_,u),P=Bp(j,`stop`,T,u),le=Bp(j,`stop`,e=>{N&&e.preventDefault(),w&&w(e)},u),ue=Bp(j,`start`,D,u),de=Bp(j,`stop`,E,u),fe=Bp(j,`stop`,ee,u),pe=Bp(j,`stop`,e=>{xp(e.target)||ie(!1),m&&m(e)},!1),me=bf(e=>{A.current||=e.currentTarget,xp(e.target)&&(ie(!0),y&&y(e)),v&&v(e)}),he=()=>{let e=A.current;return s&&s!==`button`&&!(e.tagName===`A`&&e.href)},ge=bf(e=>{d&&!e.repeat&&N&&e.key===` `&&j.stop(e,()=>{j.start(e)}),e.target===e.currentTarget&&he()&&e.key===` `&&e.preventDefault(),b&&b(e),e.target===e.currentTarget&&he()&&e.key===`Enter`&&!c&&(e.preventDefault(),h&&h(e))}),_e=bf(e=>{d&&e.key===` `&&N&&!e.defaultPrevented&&j.stop(e,()=>{j.pulsate(e)}),x&&x(e),h&&e.target===e.currentTarget&&he()&&e.key===` `&&!e.defaultPrevented&&h(e)}),ve=s;ve===`button`&&(k.href||k.to)&&(ve=p);let ye={};ve===`button`?(ye.type=O===void 0?`button`:O,ye.disabled=c):(!k.href&&!k.to&&(ye.role=`button`),c&&(ye[`aria-disabled`]=c));let be=Sf(t,A),xe={...n,centerRipple:i,component:s,disabled:c,disableRipple:l,disableTouchRipple:u,focusRipple:d,tabIndex:te,focusVisible:N},Se=Lp(xe);return(0,z.jsxs)(Rp,{as:ve,className:H(Se.root,o),ownerState:xe,onBlur:pe,onClick:h,onContextMenu:se,onFocus:me,onKeyDown:ge,onKeyUp:_e,onMouseDown:oe,onMouseLeave:le,onMouseUp:
Line truncated
|
|
||||||
0% {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
`,Xp=Ha`
|
|
||||||
0% {
|
|
||||||
stroke-dasharray: 1px, 200px;
|
|
||||||
stroke-dashoffset: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
50% {
|
|
||||||
stroke-dasharray: 100px, 200px;
|
|
||||||
stroke-dashoffset: -15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
stroke-dasharray: 1px, 200px;
|
|
||||||
stroke-dashoffset: -126px;
|
|
||||||
}
|
|
||||||
`,Zp=typeof Yp==`string`?null:Va`
|
|
||||||
animation: ${Yp} 1.4s linear infinite;
|
|
||||||
`,Qp=typeof Xp==`string`?null:Va`
|
|
||||||
animation: ${Xp} 1.4s ease-in-out infinite;
|
|
||||||
`,$p=e=>{let{classes:t,variant:n,color:r,disableShrink:i}=e;return Pl({root:[`root`,n,`color${Q(r)}`],svg:[`svg`],track:[`track`],circle:[`circle`,`circle${Q(n)}`,i&&`circleDisableShrink`]},qp,t)},em=Z(`span`,{name:`MuiCircularProgress`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[n.variant],t[`color${Q(n.color)}`]]}})(tf(({theme:e})=>({display:`inline-block`,variants:[{props:{variant:`determinate`},style:{transition:e.transitions.create(`transform`)}},{props:{variant:`indeterminate`},style:Zp||{animation:`${Yp} 1.4s linear infinite`}},...Object.entries(e.palette).filter(Wp()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}}))]}))),tm=Z(`svg`,{name:`MuiCircularProgress`,slot:`Svg`})({display:`block`}),nm=Z(`circle`,{name:`MuiCircularProgress`,slot:`Circle`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.circle,t[`circle${Q(n.variant)}`],n.disableShrink&&t.circleDisableShrink]}})(tf(({theme:e})=>({stroke:`currentColor`,variants:[{props:{variant:`determinate`},style:{transition:e.transitions.create(`stroke-dashoffset`)}},{props:{variant:`indeterminate`},style:{strokeDasharray:`80px, 200px`,strokeDashoffset:0}},{props:({ownerState:e})=>e.variant===`indeterminate`&&!e.disableShrink,style:Qp||{animation:`${Xp} 1.4s ease-in-out infinite`}}]}))),rm=Z(`circle`,{name:`MuiCircularProgress`,slot:`Track`})(tf(({theme:e})=>({stroke:`currentColor`,opacity:(e.vars||e).palette.action.activatedOpacity}))),im=C.forwardRef(function(e,t){let n=Fd({props:e,name:`MuiCircularProgress`}),{className:r,color:i=`primary`,disableShrink:a=!1,enableTrackSlot:o=!1,size:s=40,style:c,thickness:l=3.6,value:u=0,variant:d=`indeterminate`,...f}=n,p={...n,color:i,disableShrink:a,size:s,thickness:l,value:u,variant:d,enableTrackSlot:o},m=$p(p),h={},g={},_={};if(d===`determinate`){let e=2*Math.PI*((Jp-l)/2);h.strokeDasharray=e.toFixed(3),_[`aria-valuenow`]=Math.round(u),h.strokeDashoffset=`${((100-u)/100*e).toFixed(3)}px`,g.transform=`rotate(-90deg)`}return(0,z.jsx)(em,{className:H(m.root,r),style:{width:s,height:s,...g,...c},ownerState:p,ref:t,role:`progressbar`,..._,...f,children:(0,z.jsxs)(tm,{className:m.svg,ownerState:p,viewBox:`${Jp/2} ${Jp/2} ${Jp} ${Jp}`,children:[o?(0,z.jsx)(rm,{className:m.track,ownerState:p,cx:Jp,cy:Jp,r:(Jp-l)/2,fill:`none`,strokeWidth:l,"aria-hidden":`true`}):null,(0,z.jsx)(nm,{className:m.circle,style:h,ownerState:p,cx:Jp,cy:Jp,r:(Jp-l)/2,fill:`none`,strokeWidth:l})]})})});function am(e){return nc(`MuiIconButton`,e)}var om=rc(`MuiIconButton`,[`root`,`disabled`,`colorInherit`,`colorPrimary`,`colorSecondary`,`colorError`,`colorInfo`,`colorSuccess`,`colorWarning`,`edgeStart`,`edgeEnd`,`sizeSmall`,`sizeMedium`,`sizeLarge`,`loading`,`loadingIndicator`,`loadingWrapper`]),sm=e=>{let{classes:t,disabled:n,color:r,edge:i,size:a,loading:o}=e;return Pl({root:[`root`,o&&`loading`,n&&`disabled`,r!==`default`&&`color${Q(r)}`,i&&`edge${Q(i)}`,`size${Q(a)}`],loadingIndicator:[`loadingIndicator`],loadingWrapper:[`loadingWrapper`]},am,t)},cm=Z(Vp,{name:`MuiIconButton`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.loading&&t.loading,n.color!==`default`&&t[`color${Q(n.color)}`],n.edge&&t[`edge${Q(n.edge)}`],t[`size${Q(n.size)}`]]}})(tf(({theme:e})=>({textAlign:`center`,flex:`0 0 auto`,fontSize:e.typography.pxToRem(24),padding:8,borderRadius:`50%`,color:(e.vars||e).palette.action.active,transition:e.transitions.create(`background-color`,{duration:e.transitions.duration.shortest}),variants:[{props:e=>!e.disableRipple,style:{"--IconButton-hoverBg":e.alpha((e.vars||e).palette.action.active,(e.vars||e).palette.action.hoverOpacity),"&:hover":{backgroundColor:`var(--IconButton-hoverBg)`,"@media (hover: none)":{backgroundColor:`transparent`}}}},{props:{edge:`start`},style:{marginLeft:-12}},{props:{edge:`start`,size:`small`},style:{marginLeft:-3}},{props:{edge:`end`},style:{marginRight:-12}},{props:{edge:`end`,size:`small`},style:{marginRight:-3}}]})),tf(({theme:e})=>({variants:[{props:{color:`inherit`},style:{color:`inherit`}},...Object.entries(e.palette).filter(Wp()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}})),...Object.entries(e.palette).filter(Wp()).map(([t])=>({props:{color:t},style:{"--IconButton-hoverBg":e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity)}})),{props:{size:`small`},style:{padding:5,fontSize:e.typography.pxToRem(18)}},{props:{size:`large`},style:{padding:12,fontSize:e.typography.pxToRem(28)}}],[`&.${om.disabled}`]:{backgroundColor:`transparent`,color:(e.vars||e).palette.action.disabled},[`&.${om.loading}`]:{color:`transparent`}}))),lm=Z(`span`,{name:`MuiIconButton`,slot:`LoadingIndicator`})(({theme:e})=>({display:`none`,position:`absolute`,visibility:`visible`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,color:(e.vars||e).palette.action.disabled,variants:[{props:{loading:!0},style:{display:`flex`}}]})),um=C.forwardRef(function(e,t){let n=Fd({props:e,name:`MuiIconButtonLine truncated
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
import{dt as e,pt as t}from"./index-CM0zIqrs.js";var n=e(((e,n)=>{(function(t){typeof e==`object`&&n!==void 0?n.exports=t():typeof define==`function`&&define.amd?define([],t):(typeof window<`u`?window:typeof global<`u`?global:typeof self<`u`?self:this).JSZip=t()})(function(){return function e(n,r,i){function a(s,c){if(!r[s]){if(!n[s]){var l=typeof t==`function`&&t;if(!c&&l)return l(s,!0);if(o)return o(s,!0);var u=Error(`Cannot find module '`+s+`'`);throw u.code=`MODULE_NOT_FOUND`,u}var d=r[s]={exports:{}};n[s][0].call(d.exports,function(e){var t=n[s][1][e];return a(t||e)},d,d.exports,e,n,r,i)}return r[s].exports}for(var o=typeof t==`function`&&t,s=0;s<i.length;s++)a(i[s]);return a}({1:[function(e,t,n){var r=e(`./utils`),i=e(`./support`),a=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=`;n.encode=function(e){for(var t,n,i,o,s,c,l,u=[],d=0,f=e.length,p=f,m=r.getTypeOf(e)!==`string`;d<e.length;)p=f-d,i=m?(t=e[d++],n=d<f?e[d++]:0,d<f?e[d++]:0):(t=e.charCodeAt(d++),n=d<f?e.charCodeAt(d++):0,d<f?e.charCodeAt(d++):0),o=t>>2,s=(3&t)<<4|n>>4,c=1<p?(15&n)<<2|i>>6:64,l=2<p?63&i:64,u.push(a.charAt(o)+a.charAt(s)+a.charAt(c)+a.charAt(l));return u.join(``)},n.decode=function(e){var t,n,r,o,s,c,l=0,u=0,d=`data:`;if(e.substr(0,d.length)===d)throw Error(`Invalid base64 input, it looks like a data url.`);var f,p=3*(e=e.replace(/[^A-Za-z0-9+/=]/g,``)).length/4;if(e.charAt(e.length-1)===a.charAt(64)&&p--,e.charAt(e.length-2)===a.charAt(64)&&p--,p%1!=0)throw Error(`Invalid base64 input, bad content length.`);for(f=i.uint8array?new Uint8Array(0|p):Array(0|p);l<e.length;)t=a.indexOf(e.charAt(l++))<<2|(o=a.indexOf(e.charAt(l++)))>>4,n=(15&o)<<4|(s=a.indexOf(e.charAt(l++)))>>2,r=(3&s)<<6|(c=a.indexOf(e.charAt(l++))),f[u++]=t,s!==64&&(f[u++]=n),c!==64&&(f[u++]=r);return f}},{"./support":30,"./utils":32}],2:[function(e,t,n){var r=e(`./external`),i=e(`./stream/DataWorker`),a=e(`./stream/Crc32Probe`),o=e(`./stream/DataLengthProbe`);function s(e,t,n,r,i){this.compressedSize=e,this.uncompressedSize=t,this.crc32=n,this.compression=r,this.compressedContent=i}s.prototype={getContentWorker:function(){var e=new i(r.Promise.resolve(this.compressedContent)).pipe(this.compression.uncompressWorker()).pipe(new o(`data_length`)),t=this;return e.on(`end`,function(){if(this.streamInfo.data_length!==t.uncompressedSize)throw Error(`Bug : uncompressed data size mismatch`)}),e},getCompressedWorker:function(){return new i(r.Promise.resolve(this.compressedContent)).withStreamInfo(`compressedSize`,this.compressedSize).withStreamInfo(`uncompressedSize`,this.uncompressedSize).withStreamInfo(`crc32`,this.crc32).withStreamInfo(`compression`,this.compression)}},s.createWorkerFrom=function(e,t,n){return e.pipe(new a).pipe(new o(`uncompressedSize`)).pipe(t.compressWorker(n)).pipe(new o(`compressedSize`)).withStreamInfo(`compression`,t)},t.exports=s},{"./external":6,"./stream/Crc32Probe":25,"./stream/DataLengthProbe":26,"./stream/DataWorker":27}],3:[function(e,t,n){var r=e(`./stream/GenericWorker`);n.STORE={magic:`\0\0`,compressWorker:function(){return new r(`STORE compression`)},uncompressWorker:function(){return new r(`STORE decompression`)}},n.DEFLATE=e(`./flate`)},{"./flate":7,"./stream/GenericWorker":28}],4:[function(e,t,n){var r=e(`./utils`),i=function(){for(var e,t=[],n=0;n<256;n++){e=n;for(var r=0;r<8;r++)e=1&e?3988292384^e>>>1:e>>>1;t[n]=e}return t}();t.exports=function(e,t){return e!==void 0&&e.length?r.getTypeOf(e)===`string`?function(e,t,n,r){var a=i,o=r+n;e^=-1;for(var s=r;s<o;s++)e=e>>>8^a[255&(e^t.charCodeAt(s))];return-1^e}(0|t,e,e.length,0):function(e,t,n,r){var a=i,o=r+n;e^=-1;for(var s=r;s<o;s++)e=e>>>8^a[255&(e^t[s])];return-1^e}(0|t,e,e.length,0):0}},{"./utils":32}],5:[function(e,t,n){n.base64=!1,n.binary=!1,n.dir=!1,n.createFolders=!0,n.date=null,n.compression=null,n.compressionOptions=null,n.comment=null,n.unixPermissions=null,n.dosPermissions=null},{}],6:[function(e,t,n){var r=null;r=typeof Promise<`u`?Promise:e(`lie`),t.exports={Promise:r}},{lie:37}],7:[function(e,t,n){var r=typeof Uint8Array<`u`&&typeof Uint16Array<`u`&&typeof Uint32Array<`u`,i=e(`pako`),a=e(`./utils`),o=e(`./stream/GenericWorker`),s=r?`uint8array`:`array`;function c(e,t){o.call(this,`FlateWorker/`+e),this._pako=null,this._pakoAction=e,this._pakoOptions=t,this.meta={}}n.magic=`\b\0`,a.inherits(c,o),c.prototype.processChunk=function(e){this.meta=e.meta,this._pako===null&&this._createPako(),this._pako.push(a.transformTo(s,e.data),!1)},c.prototype.flush=function(){o.prototype.flush.call(this),this._pako===null&&this._createPako(),this._pako.push([],!0)},c.prototype.cleanUp=function(){o.prototype.cleanUp.call(this),this._pako=null},c.prototype._createPako=function(){this._pako=new i[this._pakoAction]({raw:!0,level:this._pakoOptions.level||-1});var e=this;this._pako.onData=function(t){e.push({data:t,meta:e.meta})}},n.compressWorker=function(e){return new c(`Deflate`,e)},n.uncompressWorker=function(){return new c(`Inflate`,{})}},{"./stream/GenericWorker":28,"Line truncated
|
|
||||||
\0`,M+=r(k,2),M+=m.magic,M+=r(d,2),M+=r(f,2),M+=r(O.crc32,4),M+=r(O.compressedSize,4),M+=r(O.uncompressedSize,4),M+=r(g.length,2),M+=r(C.length,2),{fileRecord:l.LOCAL_FILE_HEADER+M+g+C,dirRecord:l.CENTRAL_FILE_HEADER+r(j,2)+M+r(y.length,2)+`\0\0\0\0`+r(A,4)+r(i,4)+g+C+y}}var a=e(`../utils`),o=e(`../stream/GenericWorker`),s=e(`../utf8`),c=e(`../crc32`),l=e(`../signature`);function u(e,t,n,r){o.call(this,`ZipFileWorker`),this.bytesWritten=0,this.zipComment=t,this.zipPlatform=n,this.encodeFileName=r,this.streamFiles=e,this.accumulate=!1,this.contentBuffer=[],this.dirRecords=[],this.currentSourceOffset=0,this.entriesCount=0,this.currentFile=null,this._sources=[]}a.inherits(u,o),u.prototype.push=function(e){var t=e.meta.percent||0,n=this.entriesCount,r=this._sources.length;this.accumulate?this.contentBuffer.push(e):(this.bytesWritten+=e.data.length,o.prototype.push.call(this,{data:e.data,meta:{currentFile:this.currentFile,percent:n?(t+100*(n-r-1))/n:100}}))},u.prototype.openedSource=function(e){this.currentSourceOffset=this.bytesWritten,this.currentFile=e.file.name;var t=this.streamFiles&&!e.file.dir;if(t){var n=i(e,t,!1,this.currentSourceOffset,this.zipPlatform,this.encodeFileName);this.push({data:n.fileRecord,meta:{percent:0}})}else this.accumulate=!0},u.prototype.closedSource=function(e){this.accumulate=!1;var t=this.streamFiles&&!e.file.dir,n=i(e,t,!0,this.currentSourceOffset,this.zipPlatform,this.encodeFileName);if(this.dirRecords.push(n.dirRecord),t)this.push({data:function(e){return l.DATA_DESCRIPTOR+r(e.crc32,4)+r(e.compressedSize,4)+r(e.uncompressedSize,4)}(e),meta:{percent:100}});else for(this.push({data:n.fileRecord,meta:{percent:0}});this.contentBuffer.length;)this.push(this.contentBuffer.shift());this.currentFile=null},u.prototype.flush=function(){for(var e=this.bytesWritten,t=0;t<this.dirRecords.length;t++)this.push({data:this.dirRecords[t],meta:{percent:100}});var n=this.bytesWritten-e,i=function(e,t,n,i,o){var s=a.transformTo(`string`,o(i));return l.CENTRAL_DIRECTORY_END+`\0\0\0\0`+r(e,2)+r(e,2)+r(t,4)+r(n,4)+r(s.length,2)+s}(this.dirRecords.length,n,e,this.zipComment,this.encodeFileName);this.push({data:i,meta:{percent:100}})},u.prototype.prepareNextSource=function(){this.previous=this._sources.shift(),this.openedSource(this.previous.streamInfo),this.isPaused?this.previous.pause():this.previous.resume()},u.prototype.registerPrevious=function(e){this._sources.push(e);var t=this;return e.on(`data`,function(e){t.processChunk(e)}),e.on(`end`,function(){t.closedSource(t.previous.streamInfo),t._sources.length?t.prepareNextSource():t.end()}),e.on(`error`,function(e){t.error(e)}),this},u.prototype.resume=function(){return!!o.prototype.resume.call(this)&&(!this.previous&&this._sources.length?(this.prepareNextSource(),!0):this.previous||this._sources.length||this.generatedError?void 0:(this.end(),!0))},u.prototype.error=function(e){var t=this._sources;if(!o.prototype.error.call(this,e))return!1;for(var n=0;n<t.length;n++)try{t[n].error(e)}catch{}return!0},u.prototype.lock=function(){o.prototype.lock.call(this);for(var e=this._sources,t=0;t<e.length;t++)e[t].lock()},t.exports=u},{"../crc32":4,"../signature":23,"../stream/GenericWorker":28,"../utf8":31,"../utils":32}],9:[function(e,t,n){var r=e(`../compressions`),i=e(`./ZipFileWorker`);n.generateWorker=function(e,t,n){var a=new i(t.streamFiles,n,t.platform,t.encodeFileName),o=0;try{e.forEach(function(e,n){o++;var i=function(e,t){var n=e||t,i=r[n];if(!i)throw Error(n+` is not a valid compression method !`);return i}(n.options.compression,t.compression),s=n.options.compressionOptions||t.compressionOptions||{},c=n.dir,l=n.date;n._compressWorker(i,s).withStreamInfo(`file`,{name:e,dir:c,date:l,comment:n.comment||``,unixPermissions:n.unixPermissions,dosPermissions:n.dosPermissions}).pipe(a)}),a.entriesCount=o}catch(e){a.error(e)}return a}},{"../compressions":3,"./ZipFileWorker":8}],10:[function(e,t,n){function r(){if(!(this instanceof r))return new r;if(arguments.length)throw Error(`The constructor with parameters has been removed in JSZip 3.0, please check the upgrade guide.`);this.files=Object.create(null),this.comment=null,this.root=``,this.clone=function(){var e=new r;for(var t in this)typeof this[t]!=`function`&&(e[t]=this[t]);return e}}(r.prototype=e(`./object`)).loadAsync=e(`./load`),r.support=e(`./support`),r.defaults=e(`./defaults`),r.version=`3.10.1`,r.loadAsync=function(e,t){return new r().loadAsync(e,t)},r.external=e(`./external`),t.exports=r},{"./defaults":5,"./external":6,"./load":11,"./object":15,"./support":30}],11:[function(e,t,n){var r=e(`./utils`),i=e(`./external`),a=e(`./utf8`),o=e(`./zipEntries`),s=e(`./stream/Crc32Probe`),c=e(`./nodejsUtils`);function l(e){return new i.Promise(function(t,n){var r=e.decompressed.getContentWorker().pipe(new s);r.on(`error`,function(e){n(e)}).on(`end`,function(){r.streamInfo.crc32===e.decompressed.crc32?t():n(Error(`Corrupted zip : CRC32 mismatch`))}).resume()})}t.exports=function(e,t){var n=this;return t=r.ex
Line truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,C as t,J as n,O as r,T as i,c as a,k as o,o as s,ot as c,r as l}from"./index-CM0zIqrs.js";var u=c();function d(e){return e.split(`?`)[0].split(`.`).pop()?.toLowerCase()??``}function f(e){return decodeURIComponent(e.split(`?`)[0].split(`/`).pop()??``).replace(/^csm_/,``).replace(/_[a-f0-9]{8,}(\.[^.]+)$/,`$1`)}function p(e){return[`pdf`,`doc`,`docx`,`xls`,`xlsx`,`ppt`,`pptx`,`zip`,`txt`,`csv`].includes(e)}function m({categories:e}){return e?.length?(0,u.jsx)(u.Fragment,{children:e.map(e=>(0,u.jsx)(o,{label:e.title,size:`small`,className:`vitec_newslist__chip`},e.uid))}):null}function h(){return(0,u.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.25`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,u.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,u.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,u.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]})}function g({file:e}){let t=d(e.url),r=f(e.url);return(0,u.jsxs)(`a`,{href:n(e.url,a.base_url,a.router_mode),download:p(t)?r:void 0,target:`_blank`,rel:`noreferrer`,className:`vitec_newsdetail__file`,children:[(0,u.jsx)(`span`,{className:`vitec_newsdetail__file-ext`,children:t.toUpperCase()}),(0,u.jsx)(`span`,{className:`vitec_newsdetail__file-name`,children:r}),(0,u.jsx)(`span`,{className:`vitec_newsdetail__file-dl`,children:(0,u.jsx)(h,{})})]})}function _({element:n,className:a,nested:o,devInfoTags:c,uid:d,spaceBefore:f,spaceAfter:p}){let h=n.content?.news?.news;if(!h)return(0,u.jsx)(l,{className:[`vitec_newsdetail`,a].filter(Boolean).join(` `),devInfoTags:c,nested:o,uid:d,spaceBefore:f,spaceAfter:p,children:(0,u.jsx)(e,{variant:`body2`,color:`text.secondary`,children:`No article found.`})});let _=h.media?.[0]?.url,v=h.datetime?s(h.datetime):null,y=h.relatedFiles??[];return(0,u.jsxs)(l,{className:[`vitec_newsdetail`,a].filter(Boolean).join(` `),devInfoTags:c,nested:o,uid:d,spaceBefore:f,spaceAfter:p,children:[_&&(0,u.jsxs)(`div`,{className:`vitec_newsdetail__hero`,children:[(0,u.jsx)(`img`,{src:_,alt:``,className:`vitec_newsdetail__hero-img`,loading:`eager`}),(0,u.jsx)(`div`,{className:`vitec_newsdetail__hero-overlay`})]}),(0,u.jsxs)(`div`,{className:`vitec_newsdetail__body`,children:[(0,u.jsxs)(i,{direction:`row`,spacing:.75,flexWrap:`wrap`,useFlexGap:!0,alignItems:`center`,className:`vitec_newsdetail__meta`,children:[(0,u.jsx)(m,{categories:h.categories}),v&&(0,u.jsx)(`span`,{className:`vitec_newsdetail__date`,children:v}),h.author&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{className:`vitec_newsdetail__meta-sep`,"aria-hidden":!0,children:`·`}),(0,u.jsx)(`span`,{className:`vitec_newsdetail__author`,children:h.author})]})]}),(0,u.jsx)(`h1`,{className:`vitec_newsdetail__title`,children:h.title}),h.teaser&&(0,u.jsx)(`p`,{className:`vitec_newsdetail__teaser`,children:h.teaser}),h.bodytext&&(0,u.jsx)(r,{className:`vitec_newsdetail__bodytext`,sx:t,dangerouslySetInnerHTML:{__html:h.bodytext}}),y.length>0&&(0,u.jsxs)(`div`,{className:`vitec_newsdetail__files`,children:[(0,u.jsx)(`p`,{className:`vitec_newsdetail__files-label`,children:`Downloads`}),(0,u.jsx)(`div`,{className:`vitec_newsdetail__files-list`,children:y.map(e=>(0,u.jsx)(g,{file:e},e.uid))})]})]})]})}export{_ as NewsNewsDetail};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,J as t,T as n,b as r,c as i,d as a,f as o,k as s,m as c,ot as l,p as u,r as d,s as f,t as p}from"./index-CM0zIqrs.js";var m=l();function h(e){if(e)return t(e,i.base_url,i.router_mode)}function g({timestamp:e}){let t=f(e);return(0,m.jsxs)(`div`,{className:`vitec_newslist__date-badge`,"aria-label":t.label,children:[(0,m.jsx)(`span`,{className:`vitec_newslist__date-day`,children:t.day}),(0,m.jsx)(`span`,{className:`vitec_newslist__date-month`,children:t.month})]})}function _({categories:e,dark:t=!1}){return e?.length?(0,m.jsx)(n,{direction:`row`,spacing:.5,flexWrap:`wrap`,useFlexGap:!0,children:e.map(e=>(0,m.jsx)(s,{label:e.title,size:`small`,className:`vitec_newslist__chip${t?` vitec_newslist__chip--dark`:``}`},e.uid))}):null}function v({items:t}){return t.length?(0,m.jsx)(`div`,{className:`vitec_newslist__items`,children:t.map(e=>{let t=h(e.detailUrl),n=e.media?.[0]?.url;return(0,m.jsxs)(`div`,{className:`vitec_newslist__item`,children:[e.datetime?(0,m.jsx)(g,{timestamp:e.datetime}):(0,m.jsx)(`div`,{className:`vitec_newslist__date-badge vitec_newslist__date-badge--empty`}),(0,m.jsxs)(`div`,{className:`vitec_newslist__content`,children:[(0,m.jsx)(_,{categories:e.categories}),t?(0,m.jsx)(`a`,{href:t,className:`vitec_newslist__title-link`,children:(0,m.jsx)(`span`,{className:`vitec_newslist__title`,children:e.title})}):(0,m.jsx)(`span`,{className:`vitec_newslist__title`,children:e.title}),e.teaser&&(0,m.jsx)(`p`,{className:`vitec_newslist__teaser`,children:e.teaser}),t&&(0,m.jsx)(`a`,{href:t,className:`vitec_newslist__read-more`,"aria-label":`Read more: ${e.title}`,children:`Read more`})]}),(0,m.jsx)(`div`,{className:`vitec_newslist__thumbnail${n?``:` vitec_newslist__thumbnail--empty`}`,children:n&&(0,m.jsx)(`img`,{src:n,alt:``,className:`vitec_newslist__thumbnail-img`,loading:`lazy`})})]},e.uid)})}):(0,m.jsx)(e,{variant:`body2`,color:`text.secondary`,children:`No news available.`})}function y({items:t}){if(!t.length)return(0,m.jsx)(e,{variant:`body2`,color:`text.secondary`,children:`No news available.`});let[n,...r]=t,i=h(n.detailUrl),a=n.media?.[0]?.url;return(0,m.jsxs)(`div`,{className:`vitec_newslist__featured`,children:[(0,m.jsxs)(`div`,{className:`vitec_newslist__featured-hero`,children:[a&&(0,m.jsxs)(`div`,{className:`vitec_newslist__featured-img-wrap`,children:[(0,m.jsx)(`img`,{src:a,alt:``,className:`vitec_newslist__featured-img`,loading:`eager`}),(0,m.jsx)(`div`,{className:`vitec_newslist__featured-overlay`})]}),(0,m.jsxs)(`div`,{className:`vitec_newslist__featured-body`,children:[(0,m.jsx)(_,{categories:n.categories,dark:!0}),n.datetime&&(0,m.jsx)(`span`,{className:`vitec_newslist__featured-date`,children:f(n.datetime).label}),(0,m.jsx)(`p`,{className:`vitec_newslist__featured-title`,children:n.title}),n.teaser&&(0,m.jsx)(`p`,{className:`vitec_newslist__featured-teaser`,children:n.teaser}),i&&(0,m.jsx)(`div`,{children:(0,m.jsx)(p,{href:i,variant:`light`,children:`Read more`})})]})]}),r.length>0&&(0,m.jsx)(v,{items:r})]})}function b({items:t}){return t.length?(0,m.jsx)(`div`,{className:`vitec_newslist__grid`,children:t.map(e=>{let t=h(e.detailUrl),r=e.media?.[0]?.url,i=e.datetime?f(e.datetime).label:null;return(0,m.jsxs)(`div`,{className:`vitec_newslist__grid-card`,children:[t?(0,m.jsx)(`a`,{href:t,className:`vitec_newslist__grid-img-link`,tabIndex:-1,"aria-hidden":`true`,children:(0,m.jsx)(`div`,{className:`vitec_newslist__grid-img${r?``:` vitec_newslist__grid-img--empty`}`,children:r&&(0,m.jsx)(`img`,{src:r,alt:``,loading:`lazy`})})}):(0,m.jsx)(`div`,{className:`vitec_newslist__grid-img${r?``:` vitec_newslist__grid-img--empty`}`,children:r&&(0,m.jsx)(`img`,{src:r,alt:``,loading:`lazy`})}),(0,m.jsx)(`div`,{className:`vitec_newslist__grid-body`,children:(0,m.jsxs)(n,{spacing:.6,children:[(0,m.jsxs)(n,{direction:`row`,spacing:.75,alignItems:`center`,flexWrap:`wrap`,useFlexGap:!0,children:[(0,m.jsx)(_,{categories:e.categories}),i&&(0,m.jsx)(`span`,{className:`vitec_newslist__grid-date`,children:i})]}),t?(0,m.jsx)(`a`,{href:t,className:`vitec_newslist__title-link`,children:(0,m.jsx)(`span`,{className:`vitec_newslist__grid-title`,children:e.title})}):(0,m.jsx)(`span`,{className:`vitec_newslist__grid-title`,children:e.title}),e.teaser&&(0,m.jsx)(`p`,{className:`vitec_newslist__grid-teaser`,children:e.teaser})]})})]},e.uid)})}):(0,m.jsx)(e,{variant:`body2`,color:`text.secondary`,children:`No news available.`})}function x({items:t}){let r=t[0];if(!r)return(0,m.jsx)(e,{variant:`body2`,color:`text.secondary`,children:`No news available.`});let i=h(r.detailUrl),a=r.media?.[0]?.url,o=r.datetime?f(r.datetime).label:null;return(0,m.jsxs)(`div`,{className:`vitec_newslist__spotlight`,children:[a&&(0,m.jsx)(`div`,{className:`vitec_newslist__spotlight-img-wrap`,children:i?(0,m.jsx)(`a`,{href:i,tabIndex:-1,"aria-hidden":`true`,children:(0,m.jsx)(`img`,{src:a,alt:``,className:`vitec_newslist__spotlight-img`,loading:`eager`})}):(0,m.jsx)(`img`,{src:a,alt:``,className:`vitec_newslist__spotlight-img`,loadingLine truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,C as t,O as n,S as r,T as i,_ as a,b as o,d as s,f as c,g as l,m as u,ot as d,p as f,r as p,t as m,u as h,v as g,x as _}from"./index-CM0zIqrs.js";var v=d();function y({element:d,className:y,nested:b,devInfoTags:x,uid:S,spaceBefore:C,spaceAfter:w}){let T=s(d),E=u(d),D=h(d),O=Number(c(d)??0),k=_(O),A=r(O),j=o(f(d)),M=j===`center`?`center`:j===`right`?`right`:`left`,N=j===`center`?`center`:j===`right`?`flex-end`:`flex-start`,P=d.appearance?.frameClass?.split(`,`).map(e=>e.trim()).includes(`vitec-full-width`)??!1,F=l(d.content?.headerLink),I=g(d.content?.headerLink),L=a(d.content?.headerLink,`Mehr erfahren`);return(0,v.jsx)(p,{className:y,devInfoTags:x,fullWidth:P,nested:b,uid:S,spaceBefore:C,spaceAfter:w,children:(0,v.jsx)(`div`,{className:`text__inner`,children:(0,v.jsxs)(i,{spacing:2,sx:{textAlign:M,alignItems:N},children:[(T||E)&&(0,v.jsxs)(i,{spacing:.5,children:[T&&(0,v.jsx)(e,{variant:k,children:T}),E&&(0,v.jsx)(e,{variant:A,color:`text.secondary`,children:E})]}),F&&(0,v.jsx)(m,{href:F,target:I??`_self`,variant:`outlined`,size:`sm`,children:L}),D&&(0,v.jsx)(n,{sx:{...t,textAlign:`left`},dangerouslySetInnerHTML:{__html:D}})]})})})}export{y as VitecText};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,C as t,E as n,O as r,S as i,T as a,_ as o,a as s,b as c,d as l,f as u,g as d,m as f,n as p,ot as m,p as h,r as g,t as _,u as v,v as y,x as b}from"./index-CM0zIqrs.js";var x=m();function S({element:m,className:S,nested:C,devInfoTags:w,uid:T,spaceBefore:E,spaceAfter:D}){let O=l(m),k=f(m),A=v(m),j=Number(u(m)??0),M=b(j),N=i(j),P=c(h(m)),F=P===`center`?`center`:P===`right`?`right`:`left`,I=P===`center`?`center`:P===`right`?`flex-end`:`flex-start`,L=m.appearance?.frameClass?.split(`,`).map(e=>e.trim()).includes(`vitec-full-width`)??!1,R=d(m.content?.headerLink),z=y(m.content?.headerLink),B=o(m.content?.headerLink,`Mehr erfahren`),V=s(m.content?.gallery),H=m.content?.gallery?.position?.horizontal,U=V.length>0&&(H===`right`||H===`left`),W=H!==`left`,G=(m.content?.gallery?.width??480)>=600?5:4;return(0,x.jsx)(g,{className:S,devInfoTags:w,fullWidth:L,nested:C,uid:T,spaceBefore:E,spaceAfter:D,children:(0,x.jsx)(`div`,{className:`textpic__inner`,children:(0,x.jsxs)(n,{container:!0,spacing:3,alignItems:`start`,direction:W?`row`:`row-reverse`,children:[(0,x.jsx)(n,{size:{xs:12,md:U?12-G:12},children:(0,x.jsxs)(a,{spacing:2.5,children:[(0,x.jsxs)(a,{spacing:.5,sx:{width:`100%`,textAlign:F,alignItems:I},children:[(0,x.jsx)(e,{variant:M,children:O??`Untitled content`}),k&&(0,x.jsx)(e,{variant:N,color:`text.secondary`,children:k})]}),R&&(0,x.jsx)(_,{href:R,target:z??`_self`,variant:`outlined`,size:`sm`,alignStart:!0,children:B}),A&&(0,x.jsx)(r,{sx:{...t,textAlign:`left`},dangerouslySetInnerHTML:{__html:A}})]})}),V.length>0&&(0,x.jsx)(n,{size:{xs:12,md:U?G:12},children:(0,x.jsx)(p,{images:V})})]})})})}export{S as Textpic};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{mt as e,ut as t}from"./index-CM0zIqrs.js";var n=e(t());function r(e){let{controlled:t,default:r,name:i,state:a=`value`}=e,{current:o}=n.useRef(t!==void 0),[s,c]=n.useState(r);return[o?t:s,n.useCallback(e=>{o||c(e)},[])]}var i=r;export{i as t};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,C as t,O as n,T as r,_ as i,d as a,g as o,l as s,m as c,ot as l,r as u,t as d,u as f,v as p,y as m}from"./index-CM0zIqrs.js";var h=l();function g({element:l,className:g,nested:_,devInfoTags:v,uid:y,spaceBefore:b,spaceAfter:x}){let S=a(l),C=c(l),w=f(l),T=l.data?.eyebrow,E=l.data?.background_variant,D=l.data?.text_alignment??`left`,O=l.data?.layout_variant??`stacked`,k=l.data?.image_aspect_ratio??`auto`,A=l.data?.border_style??`none`,j=l.data?.shadow??`soft`,M=m(l.data?.button_style,`orange`),N=m(l.data?.secondary_button_style,`ghost`),P=(l.data?.icon?.length?l.data.icon:l.data?.image)??[],F=P[0]?.publicUrl,I=P[0]?.alt||P[0]?.title||S||``,L=o(l.data?.card_link),R=o(l.data?.primary_cta),z=p(l.data?.primary_cta),B=l.data?.primary_cta_label||i(l.data?.primary_cta,`Learn more`),V=o(l.data?.secondary_cta),H=p(l.data?.secondary_cta),U=l.data?.secondary_cta_label||i(l.data?.secondary_cta,`Learn more`),W=!!(R||V),G=O===`image_overlay`,K=O===`text_only`,q=[`graphite`,`midnight`,`orange`,`blue`,`dark`].includes(E??``),J=[`vitec_card__inner`,`vitec_card__inner--${O}`,q?`vitec_card__inner--dark-bg`:``,j===`none`?``:`vitec_card__inner--shadow-${j}`,A===`none`?``:`vitec_card__inner--border-${A}`].filter(Boolean).join(` `),Y=`vitec_card__media${k===`auto`?``:` vitec_card__media--${k}`}`,X=(0,h.jsxs)(`div`,{className:J,style:G&&F?{backgroundImage:`url(${F})`,backgroundSize:`cover`,backgroundPosition:`center`}:E&&E!==`none`?s(E):{},children:[F&&!K&&!G&&(0,h.jsx)(`div`,{className:Y,children:(0,h.jsx)(`img`,{className:`vitec_card__image`,src:F,alt:I,loading:`lazy`})}),(0,h.jsxs)(`div`,{className:`vitec_card__body`,style:{textAlign:D},children:[(0,h.jsxs)(r,{spacing:.75,children:[T&&(0,h.jsx)(e,{variant:`overline`,className:`vitec_card__eyebrow`,children:T}),S&&(0,h.jsx)(e,{variant:`h5`,className:`vitec_card__header`,children:S}),C&&(0,h.jsx)(e,{variant:`subtitle2`,color:`text.secondary`,className:`vitec_card__subheader`,children:C}),w&&(0,h.jsx)(n,{className:`vitec_card__text`,sx:t,dangerouslySetInnerHTML:{__html:w}})]}),W&&(0,h.jsx)(`div`,{className:`vitec_card__footer`,children:(0,h.jsxs)(r,{direction:`column`,spacing:.75,children:[R&&(0,h.jsx)(d,{href:R,target:z??`_self`,variant:M,children:B}),V&&(0,h.jsx)(d,{href:V,target:H??`_self`,variant:N,children:U})]})})]})]}),Z=!!L;return(0,h.jsx)(u,{className:g,devInfoTags:v,nested:_,uid:y,spaceBefore:b,spaceAfter:x,children:Z?Z&&!W?(0,h.jsx)(`a`,{className:`vitec_card__link-wrap`,href:L,"aria-label":S??void 0,children:X}):(0,h.jsx)(`div`,{className:`vitec_card__link-wrap vitec_card__link-wrap--div`,role:`link`,tabIndex:0,onClick:()=>{window.location.href=L},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(window.location.href=L)},children:X}):X})}export{g as VitecCard};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,O as t,T as n,b as r,d as i,l as a,m as o,ot as s,p as c,r as l,ut as u}from"./index-CM0zIqrs.js";var d=u(),f=s();function p(){return(0,f.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,fill:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`path`,{d:`M11 4.5L6.5 9l4.5 4.5`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function m(){return(0,f.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,fill:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`path`,{d:`M7 4.5L11.5 9 7 13.5`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})})}var h=24;function g({element:s,className:u,nested:g,devInfoTags:_,uid:v,spaceBefore:ee,spaceAfter:y,renderElement:b}){let x=i(s),S=o(s),C=r(c(s)),w=s.cssClass,T=s.tx_vitec_bg_variant,E=!!(T&&T!==`none`),D=E?a(T):{},O=s.carousel??{},k=Math.max(1,parseInt(O.slidesPerView??`3`,10)),A=O.showArrows!==`0`,j=O.showIndicators!==`0`,M=s.items?.flatMap(e=>e.contentElements??[])??[],N=(0,d.useRef)(null),P=(0,d.useRef)({dragging:!1,startX:0,startScrollLeft:0,moved:!1}),[F,I]=(0,d.useState)(!1),[L,R]=(0,d.useState)(!1),[z,B]=(0,d.useState)(0),[V,H]=(0,d.useState)(k),U=(0,d.useCallback)(()=>{let e=N.current;if(!e||!e.children[0])return;let t=e.children[0].offsetWidth;t>0&&H(Math.max(1,Math.floor((e.clientWidth+h)/(t+h))))},[]),W=(0,d.useCallback)(()=>{let e=N.current;if(!e)return;let{scrollLeft:t,scrollWidth:n,clientWidth:r}=e;I(t>4),R(t<n-r-4);let i=e.children[0];if(i){let n=i.offsetWidth+h;if(n>0){let r=Math.round(t/n),i=Math.max(1,Math.floor((e.clientWidth+h)/n)),a=Math.max(1,M.length-i+1);B(Math.min(r,a-1))}}},[M.length]);(0,d.useEffect)(()=>{U(),W();let e=new ResizeObserver(()=>{U(),W()});return N.current&&e.observe(N.current),()=>e.disconnect()},[U,W]),(0,d.useEffect)(()=>{let e=N.current;if(!e)return;let t=0,n=0,r=0,i=null,a=a=>{let o=a.touches[0];t=o.pageX,n=o.pageY,r=e.scrollLeft,i=null,P.current={dragging:!0,startX:o.pageX,startScrollLeft:e.scrollLeft,moved:!1},e.style.scrollSnapType=`none`},o=a=>{if(!P.current.dragging)return;let o=a.touches[0],s=o.pageX-t,c=o.pageY-n;i===null&&(i=Math.abs(s)>Math.abs(c)),i?(a.preventDefault(),Math.abs(s)>3&&(P.current.moved=!0),e.scrollLeft=r-s):(e.style.scrollSnapType=``,P.current.dragging=!1)},s=()=>{P.current.dragging&&(P.current.dragging=!1,e.style.scrollSnapType=``)};return e.addEventListener(`touchstart`,a,{passive:!0}),e.addEventListener(`touchmove`,o,{passive:!1}),e.addEventListener(`touchend`,s,{passive:!0}),()=>{e.removeEventListener(`touchstart`,a),e.removeEventListener(`touchmove`,o),e.removeEventListener(`touchend`,s)}},[]);let G=(0,d.useCallback)(e=>{let t=N.current;if(!t||!t.children[0])return;let n=t.children[0].offsetWidth+h;t.scrollTo({left:e*n,behavior:`smooth`})},[]),K=(0,d.useCallback)(e=>{let t=N.current;if(!t||!t.children[0])return;let n=t.children[0].offsetWidth+h;t.scrollBy({left:e*n,behavior:`smooth`})},[]),q=(0,d.useCallback)(e=>{let t=N.current;t&&(P.current={dragging:!0,startX:e.pageX,startScrollLeft:t.scrollLeft,moved:!1},t.style.scrollSnapType=`none`,t.style.cursor=`grabbing`,t.style.userSelect=`none`)},[]),J=(0,d.useCallback)(e=>{let t=P.current;if(!t.dragging)return;let n=N.current;if(!n)return;let r=e.pageX-t.startX;Math.abs(r)>3&&(t.moved=!0),n.scrollLeft=t.startScrollLeft-r},[]),Y=(0,d.useCallback)(()=>{let e=N.current;!e||!P.current.dragging||(P.current.dragging=!1,e.style.cursor=``,e.style.userSelect=``,e.style.scrollSnapType=``)},[]),X=(0,d.useCallback)(e=>{P.current.moved&&(e.stopPropagation(),e.preventDefault(),P.current.moved=!1)},[]),Z=Math.max(1,M.length-V+1),Q=M.length>V,$=!!(x||S);return(0,f.jsx)(l,{className:[u,w].filter(Boolean).join(` `)||void 0,devInfoTags:_,nested:g,uid:v,spaceBefore:ee,spaceAfter:y,children:(0,f.jsx)(t,{sx:{...D,...E?{borderRadius:3,px:{xs:2.5,md:4},py:{xs:3,md:3.5},"& p, & h1, & h2, & h3, & h4, & h5, & h6, & .MuiTypography-root":{color:`inherit`}}:{}},children:(0,f.jsxs)(`div`,{className:`vitec_cards_carousel__inner`,children:[($||A&&Q)&&(0,f.jsxs)(`div`,{className:`vitec_cards_carousel__header`,children:[$&&(0,f.jsxs)(n,{spacing:.25,sx:{textAlign:C,alignItems:C===`center`?`center`:C===`right`?`flex-end`:`flex-start`},children:[x&&(0,f.jsx)(e,{variant:`h4`,children:x}),S&&(0,f.jsx)(e,{variant:`subtitle1`,color:`text.secondary`,children:S})]}),A&&Q&&(0,f.jsxs)(`div`,{className:`vitec_cards_carousel__arrows`,children:[(0,f.jsx)(`button`,{className:`vitec_cards_carousel__arrow`,onClick:()=>K(-1),disabled:!F,"aria-label":`Previous slide`,children:(0,f.jsx)(p,{})}),(0,f.jsx)(`button`,{className:`vitec_cards_carousel__arrow`,onClick:()=>K(1),disabled:!L,"aria-label":`Next slide`,children:(0,f.jsx)(m,{})})]})]}),(0,f.jsx)(`div`,{className:`vitec_cards_carousel__track vitec_cards_carousel__track--slides-${k}`,ref:N,onScroll:W,onMouseDown:q,onMouseMove:J,onMouseUp:Y,onMouseLeave:Y,onClickCapture:X,onDragStart:e=>e.preventDefault(),children:M.map(e=>(0,f.jsx)(d.Fragment,{children:(0,f.jsx)(`Line truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,E as t,O as n,T as r,b as i,d as a,k as o,l as s,m as c,ot as l,p as u,r as d,ut as f,w as p}from"./index-CM0zIqrs.js";var m=f(),h=l();function g({element:l,nested:f,devInfoTags:g,uid:_,className:v,renderElement:y,columnSpans:b,slotColPos:x,spaceBefore:S,spaceAfter:C}){let w=l.headerLayout??l.data?.header_layout??l.content?.headerLayout,T=w===100?void 0:a(l),E=w===100?void 0:c(l),D=i(u(l)),O=D===`center`?`center`:D===`right`?`right`:`left`,k=D===`center`?`center`:D===`right`?`flex-end`:`flex-start`,A=l.appearance?.frameClass?.split(`,`).map(e=>e.trim()).includes(`vitec-full-width`)??!1,j=p(),M=l.type??`vitec_cols`,N=l.tx_vitec_bg_variant,P=!!(N&&N!==`none`),F=P?s(N):{},I=l.data?.tx_vitec_gap??l.gap??`3`,L=`${Math.min(5,Math.max(1,parseInt(I,10)))}rem`,R=e=>({config:{colPos:e},contentElements:[]}),z=new Map((l.items??[]).map(e=>[e.config?.colPos??-1,e])),B;if(x&&x.length===b.length)B=x.map(e=>z.get(e)??R(e));else{let e=[...l.items??[]].sort((e,t)=>(e.config?.colPos??0)-(t.config?.colPos??0)),t=Math.max(0,b.length-e.length);B=[...e,...Array.from({length:t},(e,t)=>R(-(t+1)))]}return(0,h.jsx)(d,{className:v??M,devInfoTags:g,fullWidth:A,nested:f,uid:_,spaceBefore:S,spaceAfter:C,children:(0,h.jsx)(`div`,{className:`${M}__inner`,children:(0,h.jsxs)(n,{sx:{...F,...P?{borderRadius:3,px:{xs:2.5,md:4},py:{xs:3,md:3.5},"& p, & h1, & h2, & h3, & h4, & h5, & h6, & .MuiTypography-root":{color:`inherit`}}:{}},children:[(T||E)&&(0,h.jsxs)(r,{spacing:.5,sx:{width:`100%`,mb:2,textAlign:O,alignItems:k},children:[T&&(0,h.jsx)(e,{variant:`h5`,children:T}),E&&(0,h.jsx)(e,{variant:`subtitle1`,color:`text.secondary`,children:E})]}),(0,h.jsx)(t,{container:!0,spacing:L,children:B.map((e,n)=>{let i=b[n]??Math.max(1,Math.floor(12/Math.max(B.length,1))),a=e.config?.align||`stretch`,s=e.config?.justify||`flex-start`;return(0,h.jsx)(t,{size:{xs:12,md:i},sx:{alignSelf:a},children:(0,h.jsxs)(r,{spacing:1.5,children:[j&&(0,h.jsx)(o,{label:e.config?.colPos<0?`TYPO3 slot: empty`:`TYPO3 slot: colPos${e.config?.colPos??n}`,size:`small`,variant:`outlined`,sx:{width:`fit-content`,height:22,"& .MuiChip-label":{px:.75,fontSize:`0.68rem`}}}),(0,h.jsx)(r,{spacing:2,sx:{justifyContent:s},children:e.contentElements?.map(t=>{let r=`${t.id??t.type??`nested`}-${e.config?.colPos??n}`;return(0,h.jsx)(m.Fragment,{children:y(t,!0)},r)})})]})},`${l.id??l.type??`grid`}-${e.config?.colPos??n}`)})})]})})})}export{g as VitecCols};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{ot as e,r as t}from"./index-CM0zIqrs.js";var n=e();function r(e){if(e?.length)return e.map(e=>`${e.url} ${e.descriptor}`).join(`, `)}function i({item:e}){return e.type===`image`&&e.image?.url?(0,n.jsxs)(`div`,{className:`vitec_columns__item vitec_columns__item--image`,children:[(0,n.jsx)(`img`,{className:`vitec_columns__image`,src:e.image.url,srcSet:r(e.image.srcset),sizes:`(max-width: 899px) 100vw, 50vw`,alt:e.image.alternative||e.headline||``,loading:`lazy`}),e.headline&&(0,n.jsx)(`p`,{className:`vitec_columns__item-caption`,children:e.headline})]}):e.type===`text`?(0,n.jsxs)(`div`,{className:`vitec_columns__item vitec_columns__item--text`,children:[e.headline&&(0,n.jsx)(`h3`,{className:`vitec_columns__item-headline`,children:e.headline}),e.text&&(0,n.jsx)(`div`,{className:`vitec_columns__item-body`,dangerouslySetInnerHTML:{__html:e.text}}),e.link&&e.linkLabel&&(0,n.jsx)(`a`,{className:`vitec_columns__item-link`,href:e.link,children:e.linkLabel})]}):null}function a({element:e,className:r,nested:a,devInfoTags:o,uid:s,spaceBefore:c,spaceAfter:l}){let u=e,d=u.columns,f=u.layout??`cols_50_50`,p=d?.left??[],m=d?.right??[];return!p.length&&!m.length?null:(0,n.jsx)(t,{className:r,devInfoTags:o,nested:a,uid:s,spaceBefore:c,spaceAfter:l,children:(0,n.jsxs)(`div`,{className:`vitec_columns vitec_columns--${f.replace(/_/g,`-`)}`,children:[p.length>0&&(0,n.jsx)(`div`,{className:`vitec_columns__col vitec_columns__col--left`,children:p.map((e,t)=>(0,n.jsx)(i,{item:e},t))}),m.length>0&&(0,n.jsx)(`div`,{className:`vitec_columns__col vitec_columns__col--right`,children:m.map((e,t)=>(0,n.jsx)(i,{item:e},t))})]})})}export{a as VitecColumns};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,T as t,d as n,l as r,m as i,ot as a,r as o,ut as s}from"./index-CM0zIqrs.js";var c=s(),l=a();function u({element:a,nested:s,devInfoTags:u,uid:d,spaceBefore:f,spaceAfter:p,className:m,renderElement:h}){let g=n(a),_=i(a),v=a.tx_vitec_bg_variant,y=!!(v&&v!==`none`),b=r(v),x=[`vitec_container`,a.cssClass,m].filter(Boolean).join(` `),S=a.items?.flatMap(e=>e.contentElements??[])??[];return(0,l.jsx)(o,{className:x,devInfoTags:u,fullWidth:y&&!s,nested:s,uid:d,spaceBefore:f,spaceAfter:p,style:y?{background:b.background,color:b.color}:void 0,children:(0,l.jsx)(`div`,{className:`vitec_container__inner`,children:(0,l.jsxs)(`div`,{className:y?`vitec-content-box vitec_container__content`:`vitec_container__content`,children:[(g||_)&&(0,l.jsxs)(t,{spacing:.5,sx:{mb:2.5},children:[g&&(0,l.jsx)(e,{variant:`h4`,children:g}),_&&(0,l.jsx)(e,{variant:`subtitle1`,sx:y?{color:`rgba(var(--vitec-near-white), 0.65)`}:{color:`text.secondary`},children:_})]}),(0,l.jsx)(t,{spacing:2,children:S.map(e=>(0,l.jsx)(c.Fragment,{children:h(e,!0)},`${e.id??e.type}-${e.colPos}`))})]})})})}export{u as VitecContainer};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,C as t,E as n,O as r,T as i,_ as a,d as o,g as s,h as c,l,m as u,ot as d,r as f,t as p,u as m,v as h,y as g}from"./index-CM0zIqrs.js";var _=d();function v({element:d,className:v,nested:y,devInfoTags:b,uid:x,spaceBefore:S,spaceAfter:C}){let w=o(d),T=u(d),E=m(d),D=l(d.data?.background_variant),O=c(d.data?.background_image),k=c(d.data?.icon),A=s(d.data?.primary_cta),j=h(d.data?.primary_cta),M=s(d.data?.secondary_cta),N=h(d.data?.secondary_cta),P=d.data?.layout_variant??`stacked`,F=g(d.data?.button_style,`light`),I=g(d.data?.secondary_button_style,`ghost`),L=d.appearance?.frameClass?.split(`,`).map(e=>e.trim()).includes(`vitec-full-width`)??!1,R=P===`centered`,z=P===`split`,B=P===`compact`,V=P===`feature`,H=P===`icon_card`,U=B?{px:{xs:2,md:3},py:{xs:1.5,md:2}}:V?{px:{xs:3,md:5},py:{xs:4,md:5}}:{px:{xs:2.5,md:4},py:{xs:3,md:3.5}},W=B?120:V?320:200,G=V?`h3`:B?`h5`:`h4`,K=(0,_.jsxs)(i,{direction:z?`column`:{xs:`column`,sm:`row`},spacing:1.25,alignItems:R?`center`:void 0,children:[A&&(0,_.jsx)(p,{href:A,target:j??`_self`,variant:F,children:d.data?.primary_cta_label||a(d.data?.primary_cta,`Primary CTA`)}),M&&(0,_.jsx)(p,{href:M,target:N??`_self`,variant:I,children:d.data?.secondary_cta_label||a(d.data?.secondary_cta,`Secondary CTA`)})]});return(0,_.jsx)(f,{className:v,devInfoTags:b,fullWidth:L,nested:y,uid:x,spaceBefore:S,spaceAfter:C,children:(0,_.jsx)(`div`,{className:`vitec_ctabanner__inner vitec_ctabanner--${P}`,children:(0,_.jsxs)(r,{sx:{...D,position:`relative`,overflow:`hidden`,borderRadius:3,...U,minHeight:W},children:[O&&P!==`text_only`&&(0,_.jsx)(r,{sx:{position:`absolute`,inset:0,backgroundImage:`linear-gradient(90deg, rgba(var(--vitec-surface-dark), 0.9), rgba(var(--vitec-surface-dark), 0.45)), url(${O})`,backgroundSize:`cover`,backgroundPosition:`center`,opacity:.9}}),z?(0,_.jsxs)(n,{container:!0,spacing:4,alignItems:`center`,sx:{position:`relative`,zIndex:1},children:[(0,_.jsx)(n,{size:{xs:12,md:7},children:(0,_.jsxs)(i,{spacing:1.5,children:[w&&(0,_.jsx)(e,{variant:G,children:w}),T&&(0,_.jsx)(e,{variant:`subtitle1`,sx:{opacity:.85},children:T}),E&&(0,_.jsx)(r,{sx:t,dangerouslySetInnerHTML:{__html:E}})]})}),(0,_.jsx)(n,{size:{xs:12,md:5},children:K})]}):(0,_.jsxs)(i,{spacing:B?1.5:2,sx:{position:`relative`,zIndex:1,maxWidth:R||V?760:640,textAlign:R?`center`:`left`,alignItems:R?`center`:`flex-start`,mx:R?`auto`:void 0},children:[H&&k&&(0,_.jsx)(r,{component:`img`,src:k,alt:``,sx:{height:48,width:`auto`,objectFit:`contain`}}),w&&(0,_.jsx)(e,{variant:G,children:w}),T&&(0,_.jsx)(e,{variant:`subtitle1`,sx:{opacity:.85},children:T}),E&&(0,_.jsx)(r,{sx:t,dangerouslySetInnerHTML:{__html:E}}),K]})]})})})}export{v as VitecCtaBanner};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,b as t,d as n,f as r,ot as i,p as a,r as o,ut as s,x as c}from"./index-CM0zIqrs.js";var l=s(),u=i();function d({item:e}){let t=e.logo?.url,n=e.logo?.alternative||e.logo?.title||e.name,r=e.logo?.srcset?.map(e=>`${e.url} ${e.descriptor}`).join(`, `);return t?(0,u.jsx)(`img`,{src:t,srcSet:r||void 0,sizes:`200px`,alt:n,className:`vitec_customerlogos__logo-img${e.color?``:` vitec_customerlogos__logo-img--grey`}`,loading:`lazy`,decoding:`async`}):null}function f({logos:e}){let t=[...e,...e];return(0,u.jsx)(`div`,{className:`vitec_customerlogos__marquee`,"aria-label":`Customer logos`,"aria-hidden":`true`,children:(0,u.jsx)(`div`,{className:`vitec_customerlogos__marquee-track`,children:t.map((e,t)=>(0,u.jsx)(`div`,{className:`vitec_customerlogos__marquee-item`,children:(0,u.jsx)(d,{item:e})},`${e.id}-${t}`))})})}function p({logos:e}){return(0,u.jsx)(`ul`,{className:`vitec_customerlogos__grid`,"aria-label":`Customer logos`,children:e.map(e=>(0,u.jsx)(`li`,{className:`vitec_customerlogos__grid-item`,children:(0,u.jsx)(d,{item:e})},e.id))})}var m=24;function h(){return(0,u.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,fill:`none`,"aria-hidden":`true`,children:(0,u.jsx)(`path`,{d:`M11 4.5L6.5 9l4.5 4.5`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function g(){return(0,u.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,fill:`none`,"aria-hidden":`true`,children:(0,u.jsx)(`path`,{d:`M7 4.5L11.5 9 7 13.5`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function _({logos:e}){let t=(0,l.useRef)(null),n=(0,l.useRef)({dragging:!1,startX:0,startScrollLeft:0,moved:!1}),[r,i]=(0,l.useState)(!1),[a,o]=(0,l.useState)(!1),[s,c]=(0,l.useState)(0),[f,p]=(0,l.useState)(5),_=(0,l.useCallback)(()=>{let n=t.current;if(!n)return;let{scrollLeft:r,scrollWidth:a,clientWidth:s}=n;i(r>4),o(r<a-s-4);let l=n.children[0];if(l){let t=l.offsetWidth+m;if(t>0){let i=Math.round(r/t),a=Math.max(1,Math.floor((n.clientWidth+m)/t));p(a);let o=Math.max(1,e.length-a+1);c(Math.min(i,o-1))}}},[e.length]);(0,l.useEffect)(()=>{_();let e=new ResizeObserver(_);return t.current&&e.observe(t.current),()=>e.disconnect()},[_]),(0,l.useEffect)(()=>{let e=t.current;if(!e)return;let r=0,i=0,a=0,o=null,s=t=>{let s=t.touches[0];r=s.pageX,i=s.pageY,a=e.scrollLeft,o=null,n.current={dragging:!0,startX:s.pageX,startScrollLeft:e.scrollLeft,moved:!1},e.style.scrollSnapType=`none`},c=t=>{if(!n.current.dragging)return;let s=t.touches[0],c=s.pageX-r,l=s.pageY-i;o===null&&(o=Math.abs(c)>Math.abs(l)),o?(t.preventDefault(),Math.abs(c)>3&&(n.current.moved=!0),e.scrollLeft=a-c):(e.style.scrollSnapType=``,n.current.dragging=!1)},l=()=>{n.current.dragging&&(n.current.dragging=!1,e.style.scrollSnapType=``)};return e.addEventListener(`touchstart`,s,{passive:!0}),e.addEventListener(`touchmove`,c,{passive:!1}),e.addEventListener(`touchend`,l,{passive:!0}),()=>{e.removeEventListener(`touchstart`,s),e.removeEventListener(`touchmove`,c),e.removeEventListener(`touchend`,l)}},[]);let v=(0,l.useCallback)(e=>{let n=t.current;if(!n||!n.children[0])return;let r=n.children[0].offsetWidth+m;n.scrollBy({left:e*r,behavior:`smooth`})},[]),y=(0,l.useCallback)(e=>{let n=t.current;if(!n||!n.children[0])return;let r=n.children[0].offsetWidth+m;n.scrollTo({left:e*r,behavior:`smooth`})},[]),b=(0,l.useCallback)(e=>{let r=t.current;r&&(n.current={dragging:!0,startX:e.pageX,startScrollLeft:r.scrollLeft,moved:!1},r.style.scrollSnapType=`none`,r.style.cursor=`grabbing`,r.style.userSelect=`none`)},[]),x=(0,l.useCallback)(e=>{let r=n.current;if(!r.dragging)return;let i=t.current;if(!i)return;let a=e.pageX-r.startX;Math.abs(a)>3&&(r.moved=!0),i.scrollLeft=r.startScrollLeft-a},[]),S=(0,l.useCallback)(()=>{let e=t.current;!e||!n.current.dragging||(n.current.dragging=!1,e.style.cursor=``,e.style.userSelect=``,e.style.scrollSnapType=``)},[]),C=e.length>f,w=Math.max(1,e.length-f+1);return(0,u.jsxs)(`div`,{className:`vitec_customerlogos__carousel`,children:[C&&(0,u.jsx)(`div`,{className:`vitec_customerlogos__carousel-header`,children:(0,u.jsxs)(`div`,{className:`vitec_customerlogos__carousel-arrows`,children:[(0,u.jsx)(`button`,{className:`vitec_customerlogos__carousel-arrow`,onClick:()=>v(-1),disabled:!r,"aria-label":`Previous`,children:(0,u.jsx)(h,{})}),(0,u.jsx)(`button`,{className:`vitec_customerlogos__carousel-arrow`,onClick:()=>v(1),disabled:!a,"aria-label":`Next`,children:(0,u.jsx)(g,{})})]})}),(0,u.jsx)(`div`,{className:`vitec_customerlogos__carousel-track`,ref:t,onScroll:_,onMouseDown:b,onMouseMove:x,onMouseUp:S,onMouseLeave:S,onDragStart:e=>e.preventDefault(),children:e.map(e=>(0,u.jsx)(`div`,{className:`vitec_customerlogos__carousel-slide`,children:(0,u.jsx)(d,{item:e})},e.id))}),C&&(0,u.jsx)(`div`,{className:`vitec_customerlogos__carousel-dots`,role:`tablist`,children:Array.from({length:w}).map((e,t)=>(0,u.jsx)(`button`,{role:`tab`,"aria-selected":t===s,"aria-label":`Position ${t+1}`,className:`vit
Line truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,E as t,J as n,O as r,T as i,c as a,k as o,mt as s,ot as c,r as l,ut as u}from"./index-CM0zIqrs.js";import{t as d}from"./jszip.min-DxLKr7hR.js";var f=s(u(),1),p=s(d(),1),m=c(),h=`vitec_datasheets_view`,g=`vitec_datasheets_favorites`,_=e=>e?e>=1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:`${Math.round(e/1024)} KB`:``;async function v(e,t){let r=new p.default;await Promise.all(e.map(async e=>{let t=e.datasheet?.file?.url;if(!t)return;let i=await fetch(n(t,a.base_url,a.router_mode));i.ok&&r.file(e.datasheet?.file?.name??`${e.product?.slug??`datasheet`}.pdf`,await i.blob())}));let i=await r.generateAsync({type:`blob`}),o=Object.assign(document.createElement(`a`),{href:URL.createObjectURL(i),download:t});o.click(),URL.revokeObjectURL(o.href)}function y({ext:t}){return t?(0,m.jsx)(e,{component:`span`,sx:{fontSize:`0.5625rem`,fontWeight:700,letterSpacing:`0.06em`,px:`0.3125rem`,py:`0.125rem`,borderRadius:`0.1875rem`,background:`rgba(var(--vitec-brand), 1)`,color:`#fff`,textTransform:`uppercase`,flexShrink:0},children:t}):null}function b({href:e}){return(0,m.jsxs)(r,{component:`a`,href:e,target:`_blank`,rel:`noreferrer noopener`,sx:{display:`inline-flex`,alignItems:`center`,gap:`0.3rem`,fontSize:`0.8125rem`,fontWeight:600,color:`rgba(var(--vitec-orange), 1)`,textDecoration:`none`,"&:hover":{color:`rgba(var(--vitec-orange-dark), 1)`},flexShrink:0},children:[(0,m.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,m.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,m.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,m.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]}),`Download`]})}function x({active:e,onToggle:t,size:n=18}){return(0,m.jsx)(`button`,{onClick:t,title:e?`Remove from favorites`:`Add to favorites`,style:{display:`flex`,alignItems:`center`,justifyContent:`center`,padding:0,border:`none`,outline:`none`,background:`none`,cursor:`pointer`,transition:`transform 0.15s`,lineHeight:0},onMouseEnter:e=>{e.currentTarget.style.transform=`scale(1.2)`},onMouseLeave:e=>{e.currentTarget.style.transform=`scale(1)`},children:(0,m.jsx)(`svg`,{width:n,height:n,viewBox:`0 0 24 24`,fill:e?`#f59e0b`:`none`,stroke:e?`#f59e0b`:`#9ca3af`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,m.jsx)(`polygon`,{points:`12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2`})})})}function S(){return(0,m.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,"aria-hidden":`true`,style:{display:`block`},children:[(0,m.jsx)(`rect`,{x:`1`,y:`1`,width:`6`,height:`6`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`9`,y:`1`,width:`6`,height:`6`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`1`,y:`9`,width:`6`,height:`6`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`9`,y:`9`,width:`6`,height:`6`,rx:`1`,fill:`currentColor`})]})}function C(){return(0,m.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,"aria-hidden":`true`,style:{display:`block`},children:[(0,m.jsx)(`rect`,{x:`1`,y:`2`,width:`14`,height:`2.5`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`1`,y:`7`,width:`14`,height:`2.5`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`1`,y:`11.5`,width:`14`,height:`2.5`,rx:`1`,fill:`currentColor`})]})}function w({view:e,onChange:t}){let n=e=>({display:`flex`,alignItems:`center`,justifyContent:`center`,width:`2rem`,height:`2rem`,padding:0,border:`none`,borderRadius:`0.25rem`,background:e?`rgba(var(--vitec-brand), 1)`:`transparent`,color:e?`#ffffff`:`#6b7280`,cursor:e?`default`:`pointer`,transition:`background 0.15s, color 0.15s`});return(0,m.jsxs)(`div`,{style:{display:`flex`,border:`1px solid #e5e7eb`,borderRadius:`0.375rem`,padding:`0.1875rem`,gap:`0.1875rem`,background:`#fff`},children:[(0,m.jsx)(`button`,{onClick:()=>t(`grid`),title:`Grid view`,style:n(e===`grid`),children:(0,m.jsx)(S,{})}),(0,m.jsx)(`button`,{onClick:()=>t(`table`),title:`Table view`,style:n(e===`table`),children:(0,m.jsx)(C,{})})]})}function T({value:e,onChange:t}){return(0,m.jsxs)(r,{sx:{display:`flex`,alignItems:`center`,gap:`0.625rem`,px:`0.875rem`,py:`0.5rem`,borderRadius:`0.5rem`,border:`1.5px solid`,borderColor:e?`rgba(var(--vitec-brand), 1)`:`divider`,bgcolor:`#fff`,maxWidth:`24rem`,transition:`border-color 0.15s`,"&:focus-within":{borderColor:`rgba(var(--vitec-brand), 1)`}},children:[(0,m.jsx)(r,{sx:{color:`text.disabled`,flexShrink:0,display:`flex`},children:(0,m.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,m.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,m.jsx)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`})]})}),(0,m.jsx)(r,{component:`input`,value:e,onChange:e=>t(e.target.value),placeholder:`Search datasheets…`,sx:{flex:1,border:`none`,outline:`none`,background:`transparent`,fontSize:`0.8
Line truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{D as e,ot as t,r as n}from"./index-CM0zIqrs.js";var r=t();function i({className:t,nested:i,devInfoTags:a,uid:o,spaceBefore:s,spaceAfter:c}){return(0,r.jsx)(n,{className:t,devInfoTags:a,nested:i,uid:o,spaceBefore:s,spaceAfter:c,children:(0,r.jsx)(`div`,{className:`vitec_divider__inner`,children:(0,r.jsx)(e,{})})})}export{i as VitecDivider};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,J as t,O as n,T as r,c as i,d as a,ot as o,r as s}from"./index-CM0zIqrs.js";var c=o(),l=e=>e?e>=1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:`${Math.round(e/1024)} KB`:``,u={brochure:{background:`linear-gradient(135deg, rgba(var(--vitec-graphite), 1) 0%, rgba(var(--vitec-graphite-mid), 1) 100%)`,color:`#fff`},datasheet:{background:`linear-gradient(135deg, rgba(var(--vitec-brand), 1) 0%, rgba(var(--vitec-navy-deep), 1) 100%)`,color:`#fff`},neutral:{background:`rgba(var(--vitec-surface-light, 245 246 248), 1)`,color:`inherit`}},d={brochure:`Brochure`,datasheet:`Datasheet`,neutral:`Download`};function f(e){return e===`brochure`?`brochure`:e===`datasheet`?`datasheet`:`neutral`}function p({element:o,className:p,nested:h,devInfoTags:g,uid:_,spaceBefore:v,spaceAfter:y}){let b=o.content?.downloadcard,x=o.data?.downloadcard,S=b?.download??x?.download,C=f((x?.settings??b?.settings)?.layout),w=u[C],T=d[C],E=a(o)||S?.title,D=S?.file,O=D?.url?t(D.url,i.base_url,i.router_mode):void 0,k=D?.thumbnail?t(D.thumbnail,i.base_url,i.router_mode):void 0,A=l(D?.size),j=C!==`neutral`;return(0,c.jsx)(s,{className:p,devInfoTags:g,nested:h,uid:_,spaceBefore:v,spaceAfter:y,children:(0,c.jsxs)(n,{component:`a`,href:O??`#`,target:`_blank`,rel:`noreferrer noopener`,"aria-label":E??`Download`,className:`vitec_downloadcard vitec_downloadcard--${C}`,sx:{display:`flex`,textDecoration:`none`,color:`inherit`,borderRadius:`0.75rem`,overflow:`hidden`,boxShadow:`0 0.125rem 0.75rem rgba(0,0,0,0.08)`,minHeight:`9rem`,transition:`box-shadow 0.2s ease, transform 0.2s ease`,"&:hover":{boxShadow:`0 0.5rem 1.75rem rgba(0,0,0,0.15)`,transform:`translateY(-0.125rem)`}},children:[(0,c.jsx)(n,{sx:{width:`38%`,flexShrink:0,bgcolor:`#fff`,display:`flex`,alignItems:`center`,justifyContent:`center`,p:k?0:`1rem`,overflow:`hidden`},children:k?(0,c.jsx)(n,{component:`img`,src:k,alt:``,loading:`lazy`,sx:{width:`100%`,height:`100%`,objectFit:`contain`,objectPosition:`top center`,display:`block`,p:`0.75rem`}}):(0,c.jsx)(n,{sx:{color:`text.disabled`,opacity:.4},children:(0,c.jsxs)(`svg`,{width:`40`,height:`40`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.25`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,c.jsx)(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),(0,c.jsx)(`polyline`,{points:`14 2 14 8 20 8`})]})})}),(0,c.jsxs)(n,{sx:{flex:1,...w,display:`flex`,flexDirection:`column`,justifyContent:`space-between`,p:`1.25rem 1.25rem 1rem`,gap:`0.5rem`},children:[(0,c.jsxs)(r,{direction:`row`,alignItems:`center`,spacing:1,children:[(0,c.jsx)(e,{component:`span`,sx:{fontSize:`0.6875rem`,fontWeight:700,letterSpacing:`0.06em`,textTransform:`uppercase`,opacity:j?.85:.6,whiteSpace:`nowrap`,color:`inherit`},children:T}),(0,c.jsx)(n,{sx:{flex:1,height:`1px`,bgcolor:j?`rgba(255,255,255,0.3)`:`rgba(0,0,0,0.15)`}})]}),E&&(0,c.jsx)(e,{variant:`h6`,sx:{fontWeight:600,lineHeight:1.25,fontSize:`clamp(0.9375rem, 2vw, 1.25rem)`,color:`inherit`,flex:1},children:E}),(0,c.jsx)(r,{direction:`row`,alignItems:`center`,spacing:.625,sx:{mt:`auto`},children:C===`neutral`?(0,c.jsxs)(n,{component:`span`,sx:{display:`inline-flex`,alignItems:`center`,gap:`0.375rem`,fontSize:`0.8125rem`,fontWeight:600,px:`0.875rem`,py:`0.4375rem`,borderRadius:`0.375rem`,border:`1.5px solid currentColor`,color:`rgba(var(--vitec-brand), 1)`},children:[(0,c.jsx)(m,{}),`Download`,A&&(0,c.jsxs)(e,{component:`span`,variant:`caption`,sx:{opacity:.6,ml:.25},children:[`(`,A,`)`]})]}):(0,c.jsxs)(n,{component:`span`,sx:{display:`inline-flex`,alignItems:`center`,gap:`0.375rem`,fontSize:`0.8125rem`,fontWeight:600,color:j?`rgba(255,255,255,0.85)`:`inherit`,"&:hover":{color:j?`#fff`:`inherit`}},children:[(0,c.jsx)(m,{}),`Download`,A&&(0,c.jsxs)(e,{component:`span`,variant:`caption`,sx:{opacity:.6,ml:.25},children:[`(`,A,`)`]})]})})]})]})})}function m(){return(0,c.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,c.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,c.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,c.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]})}export{p as VitecDownloadCard};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,J as t,M as n,O as r,T as i,c as a,d as o,mt as s,ot as c,r as l,ut as u}from"./index-CM0zIqrs.js";import{t as d}from"./jszip.min-DxLKr7hR.js";var f=u(),p=s(d(),1),m=c(),h=`linear-gradient(135deg, rgba(var(--vitec-brand), 1) 0%, rgba(var(--vitec-navy-deep), 1) 100%)`;async function g(e,n){let r=new p.default;await Promise.all(e.map(async e=>{let n=e.file?.url;if(!n)return;let i=t(n,a.base_url,a.router_mode),o=await fetch(i);if(!o.ok)return;let s=await o.blob();r.file(e.file?.name??`download_${e.uid}.pdf`,s)}));let i=await r.generateAsync({type:`blob`}),o=URL.createObjectURL(i),s=document.createElement(`a`);s.href=o,s.download=n,s.click(),URL.revokeObjectURL(o)}function _({download:e}){let n=e.file,i=n?.url?t(n.url,a.base_url,a.router_mode):void 0,o=e.title??n?.name??`Download`;return(0,m.jsxs)(r,{component:`a`,href:i??`#`,target:`_blank`,rel:`noreferrer noopener`,sx:{display:`flex`,alignItems:`baseline`,gap:`0.4rem`,color:`rgba(255,255,255,0.85)`,textDecoration:`none`,fontSize:`0.8125rem`,lineHeight:1.4,"&:hover":{color:`#fff`,textDecoration:`underline`}},children:[(0,m.jsx)(r,{component:`span`,sx:{flexShrink:0,mt:`0.2em`,color:`rgba(var(--vitec-orange), 1)`,fontSize:`0.5rem`},children:`■`}),(0,m.jsx)(`span`,{children:o})]})}function v({downloads:e,zipName:t}){let[i,a]=(0,f.useState)(`idle`);return(0,m.jsxs)(r,{component:`button`,onClick:async n=>{if(n.preventDefault(),i!==`loading`){a(`loading`);try{await g(e,t),a(`idle`)}catch{a(`error`),setTimeout(()=>a(`idle`),3e3)}}},disabled:i===`loading`,sx:{display:`inline-flex`,alignItems:`center`,gap:`0.4rem`,alignSelf:`flex-start`,mt:`auto`,fontSize:`0.8125rem`,fontWeight:600,color:i===`error`?`rgba(255,180,180,1)`:`#fff`,background:`none`,border:`1.5px solid`,borderColor:i===`error`?`rgba(255,120,120,0.6)`:`rgba(255,255,255,0.5)`,borderRadius:`0.375rem`,px:`0.875rem`,py:`0.4375rem`,cursor:i===`loading`?`default`:`pointer`,transition:`border-color 0.15s, background 0.15s`,"&:hover:not(:disabled)":{borderColor:`#fff`,bgcolor:`rgba(255,255,255,0.1)`}},children:[i===`loading`?(0,m.jsx)(n,{size:12,sx:{color:`inherit`}}):(0,m.jsxs)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,m.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,m.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,m.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]}),i===`error`?`Download failed`:`Download All Documents (ZIP)`]})}function y({element:n,className:s,nested:c,devInfoTags:u,uid:d,spaceBefore:f,spaceAfter:p}){let g=n.content?.downloadcardcollection??n.data?.downloadcardcollection,y=g?.downloads??[],b=o(n),x=g?.image,S=x&&`publicUrl`in x?x.publicUrl:void 0,C=y[0]?.file?.thumbnail,w=S??(C?t(C,a.base_url,a.router_mode):void 0),T=y.filter(e=>e.file?.url),E=`${(b??`documents`).toLowerCase().replace(/\s+/g,`-`)}.zip`;return y.length===0?null:(0,m.jsx)(l,{className:s,devInfoTags:u,nested:c,uid:d,spaceBefore:f,spaceAfter:p,children:(0,m.jsxs)(r,{className:`vitec_downloadcardcollection`,sx:{display:`flex`,borderRadius:`0.75rem`,overflow:`hidden`,boxShadow:`0 0.125rem 0.75rem rgba(0,0,0,0.08)`,minHeight:`10rem`},children:[(0,m.jsx)(r,{sx:{width:`38%`,flexShrink:0,bgcolor:`#fff`,display:`flex`,alignItems:`center`,justifyContent:`center`,overflow:`hidden`,p:w?0:`1.5rem`},children:w?(0,m.jsx)(r,{component:`img`,src:w,alt:b??`Downloads`,loading:`lazy`,sx:{width:`100%`,height:`100%`,objectFit:`contain`,objectPosition:`top center`,display:`block`,p:`0.75rem`}}):(0,m.jsx)(r,{sx:{color:`text.disabled`,opacity:.3},children:(0,m.jsxs)(`svg`,{width:`48`,height:`48`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,m.jsx)(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),(0,m.jsx)(`polyline`,{points:`14 2 14 8 20 8`}),(0,m.jsx)(`line`,{x1:`8`,y1:`13`,x2:`16`,y2:`13`}),(0,m.jsx)(`line`,{x1:`8`,y1:`17`,x2:`16`,y2:`17`}),(0,m.jsx)(`polyline`,{points:`10 9 9 9 8 9`})]})})}),(0,m.jsxs)(r,{sx:{flex:1,background:h,color:`#fff`,display:`flex`,flexDirection:`column`,p:`1.25rem 1.25rem 1rem`,gap:`0.75rem`},children:[(0,m.jsxs)(i,{direction:`row`,alignItems:`center`,spacing:1,children:[(0,m.jsx)(e,{component:`span`,sx:{fontSize:`0.6875rem`,fontWeight:700,letterSpacing:`0.06em`,textTransform:`uppercase`,opacity:.85,whiteSpace:`nowrap`,color:`inherit`},children:b??`Download Collection`}),(0,m.jsx)(r,{sx:{flex:1,height:`1px`,bgcolor:`rgba(255,255,255,0.3)`}})]}),(0,m.jsx)(i,{spacing:.375,sx:{flex:1},children:y.map(e=>(0,m.jsx)(_,{download:e},e.uid??e.slug??e.title))}),T.length>1&&(0,m.jsx)(v,{downloads:T,zipName:E})]})]})})}export{y as VitecDownloadCardCollection};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,G as t,K as n,M as r,N as i,P as a,Q as o,T as s,W as c,X as l,Z as u,at as d,b as f,d as p,it as m,j as h,k as g,m as _,mt as v,nt as y,ot as b,p as x,r as S,rt as C,tt as w,ut as T}from"./index-CM0zIqrs.js";function E(e){return m(`MuiButton`,e)}var D=C(`MuiButton`,`root.text.textInherit.textPrimary.textSecondary.textSuccess.textError.textInfo.textWarning.outlined.outlinedInherit.outlinedPrimary.outlinedSecondary.outlinedSuccess.outlinedError.outlinedInfo.outlinedWarning.contained.containedInherit.containedPrimary.containedSecondary.containedSuccess.containedError.containedInfo.containedWarning.disableElevation.focusVisible.disabled.colorInherit.colorPrimary.colorSecondary.colorSuccess.colorError.colorInfo.colorWarning.textSizeSmall.textSizeMedium.textSizeLarge.outlinedSizeSmall.outlinedSizeMedium.outlinedSizeLarge.containedSizeSmall.containedSizeMedium.containedSizeLarge.sizeMedium.sizeSmall.sizeLarge.fullWidth.startIcon.endIcon.icon.iconSizeSmall.iconSizeMedium.iconSizeLarge.loading.loadingWrapper.loadingIconPlaceholder.loadingIndicator.loadingPositionCenter.loadingPositionStart.loadingPositionEnd`.split(`.`)),O=v(T()),k=O.createContext({}),A=O.createContext(void 0),j=b(),M=e=>{let{color:t,disableElevation:r,fullWidth:i,size:a,variant:o,loading:s,loadingPosition:c,classes:l}=e,u=w({root:[`root`,s&&`loading`,o,`${o}${n(t)}`,`size${n(a)}`,`${o}Size${n(a)}`,`color${n(t)}`,r&&`disableElevation`,i&&`fullWidth`,s&&`loadingPosition${n(c)}`],startIcon:[`icon`,`startIcon`,`iconSize${n(a)}`],endIcon:[`icon`,`endIcon`,`iconSize${n(a)}`],loadingIndicator:[`loadingIndicator`],loadingWrapper:[`loadingWrapper`]},E,l);return{...l,...u}},N=[{props:{size:`small`},style:{"& > *:nth-of-type(1)":{fontSize:18}}},{props:{size:`medium`},style:{"& > *:nth-of-type(1)":{fontSize:20}}},{props:{size:`large`},style:{"& > *:nth-of-type(1)":{fontSize:22}}}],P=u(a,{shouldForwardProp:e=>o(e)||e===`classes`,name:`MuiButton`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:r}=e;return[t.root,t[r.variant],t[`${r.variant}${n(r.color)}`],t[`size${n(r.size)}`],t[`${r.variant}Size${n(r.size)}`],r.color===`inherit`&&t.colorInherit,r.disableElevation&&t.disableElevation,r.fullWidth&&t.fullWidth,r.loading&&t.loading]}})(t(({theme:e})=>{let t=e.palette.mode===`light`?e.palette.grey[300]:e.palette.grey[800],n=e.palette.mode===`light`?e.palette.grey.A100:e.palette.grey[700];return{...e.typography.button,minWidth:64,padding:`6px 16px`,border:0,borderRadius:(e.vars||e).shape.borderRadius,transition:e.transitions.create([`background-color`,`box-shadow`,`border-color`,`color`],{duration:e.transitions.duration.short}),"&:hover":{textDecoration:`none`},[`&.${D.disabled}`]:{color:(e.vars||e).palette.action.disabled},variants:[{props:{variant:`contained`},style:{color:`var(--variant-containedColor)`,backgroundColor:`var(--variant-containedBg)`,boxShadow:(e.vars||e).shadows[2],"&:hover":{boxShadow:(e.vars||e).shadows[4],"@media (hover: none)":{boxShadow:(e.vars||e).shadows[2]}},"&:active":{boxShadow:(e.vars||e).shadows[8]},[`&.${D.focusVisible}`]:{boxShadow:(e.vars||e).shadows[6]},[`&.${D.disabled}`]:{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground}}},{props:{variant:`outlined`},style:{padding:`5px 15px`,border:`1px solid currentColor`,borderColor:`var(--variant-outlinedBorder, currentColor)`,backgroundColor:`var(--variant-outlinedBg)`,color:`var(--variant-outlinedColor)`,[`&.${D.disabled}`]:{border:`1px solid ${(e.vars||e).palette.action.disabledBackground}`}}},{props:{variant:`text`},style:{padding:`6px 8px`,color:`var(--variant-textColor)`,backgroundColor:`var(--variant-textBg)`}},...Object.entries(e.palette).filter(i()).map(([t])=>({props:{color:t},style:{"--variant-textColor":(e.vars||e).palette[t].main,"--variant-outlinedColor":(e.vars||e).palette[t].main,"--variant-outlinedBorder":e.alpha((e.vars||e).palette[t].main,.5),"--variant-containedColor":(e.vars||e).palette[t].contrastText,"--variant-containedBg":(e.vars||e).palette[t].main,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":(e.vars||e).palette[t].dark,"--variant-textBg":e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity),"--variant-outlinedBorder":(e.vars||e).palette[t].main,"--variant-outlinedBg":e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity)}}}})),{props:{color:`inherit`},style:{color:`inherit`,borderColor:`currentColor`,"--variant-containedBg":e.vars?e.vars.palette.Button.inheritContainedBg:t,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":e.vars?e.vars.palette.Button.inheritContainedHoverBg:n,"--variant-textBg":e.alpha((e.vars||e).palette.text.primary,(e.vars||e).palette.action.hoverOpacity),"--variant-outlinedBg":e.alpha((e.vars||e).palette.text.primary,(e.vars||e).palette.action.hoverOpacity)}}}},{props:{size:`small`,variant:`text`},style:{padding:`4px 5px`,fontSize:e.typography.pxToRem(13)}},{props:{size:`Line truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{t as e}from"./useControlled-CztbT67m.js";import{$ as t,A as n,B as r,C as i,F as a,G as o,I as s,L as c,O as l,P as u,R as d,T as f,U as p,X as m,Z as h,at as g,b as _,d as v,et as y,it as b,m as x,mt as S,ot as C,p as w,r as T,rt as E,tt as D,ut as O}from"./index-CM0zIqrs.js";function k(e){return b(`MuiCollapse`,e)}E(`MuiCollapse`,[`root`,`horizontal`,`vertical`,`entered`,`hidden`,`wrapper`,`wrapperInner`]);var A=S(O()),j=C(),M=e=>{let{orientation:t,classes:n}=e;return D({root:[`root`,`${t}`],entered:[`entered`],hidden:[`hidden`],wrapper:[`wrapper`,`${t}`],wrapperInner:[`wrapperInner`,`${t}`]},k,n)},N=h(`div`,{name:`MuiCollapse`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[n.orientation],n.state===`entered`&&t.entered,n.state===`exited`&&!n.in&&n.collapsedSize===`0px`&&t.hidden]}})(o(({theme:e})=>({height:0,overflow:`hidden`,transition:e.transitions.create(`height`),variants:[{props:{orientation:`horizontal`},style:{height:`auto`,width:0,transition:e.transitions.create(`width`)}},{props:{state:`entered`},style:{height:`auto`,overflow:`visible`}},{props:{state:`entered`,orientation:`horizontal`},style:{width:`auto`}},{props:({ownerState:e})=>e.state===`exited`&&!e.in&&e.collapsedSize===`0px`,style:{visibility:`hidden`}}]}))),P=h(`div`,{name:`MuiCollapse`,slot:`Wrapper`})({display:`flex`,width:`100%`,variants:[{props:{orientation:`horizontal`},style:{width:`auto`,height:`100%`}}]}),F=h(`div`,{name:`MuiCollapse`,slot:`WrapperInner`})({width:`100%`,variants:[{props:{orientation:`horizontal`},style:{width:`auto`,height:`100%`}}]}),I=A.forwardRef(function(e,n){let i=m({props:e,name:`MuiCollapse`}),{addEndListener:a,children:o,className:l,collapsedSize:u=`0px`,component:f,easing:h,in:_,onEnter:v,onEntered:b,onEntering:x,onExit:S,onExited:C,onExiting:w,orientation:T=`vertical`,slots:E={},slotProps:D={},style:O,timeout:k=y.standard,TransitionComponent:I=r,...L}=i,R={...i,orientation:T,collapsedSize:u},z=M(R),B=t(),V=d(),H=A.useRef(null),U=A.useRef(),W=typeof u==`number`?`${u}px`:u,G=T===`horizontal`,K=G?`width`:`height`,q=A.useRef(null),J=p(n,q),Y=e=>t=>{if(e){let n=q.current;t===void 0?e(n):e(n,t)}},X=()=>H.current?H.current[G?`clientWidth`:`clientHeight`]:0,Z=Y((e,t)=>{H.current&&G&&(H.current.style.position=`absolute`),e.style[K]=W,v&&v(e,t)}),Q=Y((e,t)=>{let n=X();H.current&&G&&(H.current.style.position=``);let{duration:r,easing:i}=c({style:O,timeout:k,easing:h},{mode:`enter`});if(k===`auto`){let t=B.transitions.getAutoHeightDuration(n);e.style.transitionDuration=`${t}ms`,U.current=t}else e.style.transitionDuration=typeof r==`string`?r:`${r}ms`;e.style[K]=`${n}px`,e.style.transitionTimingFunction=i,x&&x(e,t)}),ee=Y((e,t)=>{e.style[K]=`auto`,b&&b(e,t)}),te=Y(e=>{e.style[K]=`${X()}px`,S&&S(e)}),ne=Y(C),re=Y(e=>{let t=X(),{duration:n,easing:r}=c({style:O,timeout:k,easing:h},{mode:`exit`});if(k===`auto`){let n=B.transitions.getAutoHeightDuration(t);e.style.transitionDuration=`${n}ms`,U.current=n}else e.style.transitionDuration=typeof n==`string`?n:`${n}ms`;e.style[K]=W,e.style.transitionTimingFunction=r,w&&w(e)}),ie=e=>{k===`auto`&&V.start(U.current||0,e),a&&a(q.current,e)},$={slots:E,slotProps:D,component:f},[ae,oe]=s(`root`,{ref:J,className:g(z.root,l),elementType:N,externalForwardedProps:$,ownerState:R,additionalProps:{style:{[G?`minWidth`:`minHeight`]:W,...O}}}),[se,ce]=s(`wrapper`,{ref:H,className:z.wrapper,elementType:P,externalForwardedProps:$,ownerState:R}),[le,ue]=s(`wrapperInner`,{className:z.wrapperInner,elementType:F,externalForwardedProps:$,ownerState:R});return(0,j.jsx)(I,{in:_,onEnter:Z,onEntered:ee,onEntering:Q,onExit:te,onExited:ne,onExiting:re,addEndListener:ie,nodeRef:q,timeout:k===`auto`?null:k,...L,children:(e,{ownerState:t,...n})=>{let r={...R,state:e};return(0,j.jsx)(ae,{...oe,className:g(oe.className,{entered:z.entered,exited:!_&&W===`0px`&&z.hidden}[e]),ownerState:r,...n,children:(0,j.jsx)(se,{...ce,ownerState:r,children:(0,j.jsx)(le,{...ue,ownerState:r,children:o})})})}})});I&&(I.muiSupportAuto=!0);var L=I,R=A.createContext({});function z(e){return b(`MuiAccordion`,e)}var B=E(`MuiAccordion`,[`root`,`heading`,`rounded`,`expanded`,`disabled`,`gutters`,`region`]),V=e=>{let{classes:t,square:n,expanded:r,disabled:i,disableGutters:a}=e;return D({root:[`root`,!n&&`rounded`,r&&`expanded`,i&&`disabled`,!a&&`gutters`],heading:[`heading`],region:[`region`]},z,t)},H=h(a,{name:`MuiAccordion`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[{[`& .${B.region}`]:t.region},t.root,!n.square&&t.rounded,!n.disableGutters&&t.gutters]}})(o(({theme:e})=>{let t={duration:e.transitions.duration.shortest};return{position:`relative`,transition:e.transitions.create([`margin`],t),overflowAnchor:`none`,"&::before":{position:`absolute`,left:0,top:-1,right:0,height:1,content:`""`,opacity:1,backgroundColor:(e.vars||e).palette.divider,transition:e.transitions.create([`opacity`,`background-color`],t)},"&:first-of-type":{"&::before":{display:`none`}},[`&.${B.expanded}`]:{"Line truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,E as t,O as n,T as r,_ as i,d as a,g as o,h as s,l as c,m as l,ot as u,r as d,t as f,u as p,v as m,y as h}from"./index-CM0zIqrs.js";var g=u();function _({element:u,className:_,nested:v,devInfoTags:y,uid:b,spaceBefore:x,spaceAfter:S}){let C=a(u),w=l(u),T=p(u),E=c(u.data?.background_variant),D=o(u.data?.cta),O=m(u.data?.cta),k=h(u.data?.button_style,`light`),A=u.data?.hero_layout_variant??`sm`,j=u.data?.hero_video??[],M=u.data?.hero_image??[],N=j.length>0,P=M.length>0,F=(N||P)&&A!==`xs`,I=N,L=N?j[0]?.publicUrl:M[0]?.publicUrl,R=!N&&M[0]?M[0].alt||M[0].title||C||`Hero image`:``,z=(N?u.data?.hero_video_alignment:u.data?.hero_image_alignment)??`right`,B=F&&(z===`left`||z===`right`),V=F&&(z===`center`||z===`fullwidth`),H=!!u.data?.hero_video_autoplay,U=!!u.data?.hero_video_loop,W=!!u.data?.hero_video_muted||H,G=s(u.data?.hero_bgimage),K=F&&L?I?(0,g.jsx)(`video`,{src:L,autoPlay:H,loop:U,muted:W,playsInline:!0,controls:!H,style:{width:`100%`,height:`auto`,display:`block`,borderRadius:`12px`,boxShadow:`0 20px 40px rgba(var(--vitec-surface-dark), 0.25)`}}):(0,g.jsx)(n,{component:`img`,src:L,alt:R,sx:{width:`100%`,height:`auto`,display:`block`,borderRadius:3,boxShadow:`0 20px 40px rgba(var(--vitec-surface-dark), 0.25)`}}):null;if(A===`xs`)return(0,g.jsx)(d,{className:_,devInfoTags:y,fullWidth:!0,nested:v,uid:b,spaceBefore:x,spaceAfter:S,children:(0,g.jsx)(`div`,{className:`vitec_herosection__inner vitec_herosection__inner--xs`})});let q=(u.data?.header_position??``)===`center`;return(0,g.jsx)(d,{className:_,devInfoTags:y,fullWidth:!0,nested:v,uid:b,spaceBefore:x,spaceAfter:S,children:(0,g.jsx)(`div`,{className:`vitec_herosection__inner vitec_herosection__inner--${A}`,children:(0,g.jsxs)(n,{className:`vitec_herosection__box`,sx:{...E,...G?{backgroundImage:`url(${G})`,backgroundSize:`cover`,backgroundPosition:`center`}:{}},children:[(0,g.jsxs)(t,{container:!0,spacing:4,alignItems:`center`,className:`vitec_herosection__grid`,children:[(0,g.jsx)(t,{size:{xs:12,md:B?7:12},className:B&&z===`left`?`vitec_herosection__text-col vitec_herosection__text-col--order-last`:`vitec_herosection__text-col`,children:(0,g.jsxs)(r,{spacing:2,className:[`vitec_herosection__content-stack`,B?`vitec_herosection__content-stack--side`:``,q?`vitec_herosection__content-stack--centered`:``].filter(Boolean).join(` `),children:[u.data?.eyebrow&&A!==`sm`&&(0,g.jsx)(e,{variant:`overline`,className:`vitec_herosection__eyebrow`,children:u.data.eyebrow}),C&&(0,g.jsx)(e,{variant:`h2`,children:C}),w&&(0,g.jsx)(e,{variant:`h6`,className:`vitec_herosection__subheader`,children:w}),T&&(0,g.jsx)(`div`,{className:`vitec_herosection__bodytext`,dangerouslySetInnerHTML:{__html:T}}),D&&(0,g.jsx)(f,{href:D,target:O??`_self`,variant:k,alignStart:!0,children:u.data?.cta_label||i(u.data?.cta,`Learn more`)}),!!u.data?.show_logo_wall&&(0,g.jsx)(`div`,{className:`vitec_herosection__logo-wall-placeholder`,children:(0,g.jsx)(e,{variant:`caption`,children:`Logo wall placeholder enabled`})})]})}),B&&K&&(0,g.jsx)(t,{size:{xs:12,md:5},className:z===`left`?`vitec_herosection__media-col vitec_herosection__media-col--order-first`:`vitec_herosection__media-col`,children:K})]}),V&&K&&(0,g.jsx)(`div`,{className:`vitec_herosection__stacked-media vitec_herosection__stacked-media--${z}`,children:K})]})})})}export{_ as VitecHeroSection};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,C as t,E as n,O as r,T as i,b as a,d as o,g as s,m as c,ot as l,r as u,t as d,u as f,v as p,y as m}from"./index-CM0zIqrs.js";var h=l();function g({element:l,className:g,nested:_,devInfoTags:v,uid:y,spaceBefore:b,spaceAfter:x}){let S=o(l),C=c(l),w=f(l),T=s(l.data?.button_link),E=p(l.data?.button_link),D=l.data?.button_text,O=m(l.data?.button_style),k=l.data?.intro_layout_variant??`variant_1`,A=a(l.data?.header_position)===`center`||k===`variant_1`,j=!!l.data?.fullwidth,M=l.data?.intro_video??[],N=l.data?.intro_image??[],P=M.length>0,F=N.length>0,I=P||F,L=P,R=P?M[0]?.publicUrl:N[0]?.publicUrl,z=!P&&N[0]&&(N[0].alt||N[0].title||S)||``,B=(P?l.data?.intro_video_alignment:l.data?.intro_image_alignment)??`right`,V=I&&(B===`left`||B===`right`),H=I&&(B===`center`||B===`fullwidth`),U=!!l.data?.intro_video_autoplay,W=!!l.data?.intro_video_loop,G=!!l.data?.intro_video_muted||U,K=(0,h.jsxs)(i,{spacing:2.5,sx:{textAlign:A&&!I?`center`:`left`,alignItems:A&&!I?`center`:`flex-start`,maxWidth:I?void 0:760,mx:A&&!I?`auto`:void 0},children:[S&&(0,h.jsx)(e,{variant:`h3`,children:S}),C&&(0,h.jsx)(e,{variant:`subtitle1`,color:`text.secondary`,children:C}),w&&(0,h.jsx)(r,{sx:t,dangerouslySetInnerHTML:{__html:w}}),T&&(0,h.jsx)(d,{href:T,target:E??`_self`,variant:O,children:D??`Mehr erfahren`})]}),q=I&&R&&(L?(0,h.jsx)(`video`,{src:R,autoPlay:U,loop:W,muted:G,playsInline:!0,controls:!U,style:{width:`100%`,height:`auto`,display:`block`,borderRadius:`12px`}}):(0,h.jsx)(r,{component:`img`,src:R,alt:z,sx:{width:`100%`,height:`auto`,display:`block`,borderRadius:2}}));return(0,h.jsx)(u,{className:g,devInfoTags:v,fullWidth:j,nested:_,uid:y,spaceBefore:b,spaceAfter:x,children:(0,h.jsx)(`div`,{className:`vitec_introparagraph__inner vitec_introparagraph--${k}`,children:V?(0,h.jsxs)(n,{container:!0,spacing:4,alignItems:`center`,children:[(0,h.jsx)(n,{size:{xs:12,md:6},sx:B===`left`?{order:{md:2}}:{},children:K}),(0,h.jsx)(n,{size:{xs:12,md:6},sx:B===`left`?{order:{md:1}}:{},children:q})]}):(0,h.jsxs)(h.Fragment,{children:[K,H&&q&&(0,h.jsx)(r,{sx:{mt:3,mx:B===`center`?`auto`:void 0,maxWidth:B===`center`?720:`100%`},children:q})]})})})}export{g as VitecIntroParagraph};
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vitec_locationmap-CO_jtYJV.js","assets/index-CM0zIqrs.js","assets/index-B6-rfpgz.css"])))=>i.map(i=>d[i]);
|
|
||||||
import{A as e,d as t,f as n,lt as r,ot as i,r as a,ut as o,x as s}from"./index-CM0zIqrs.js";var c=o(),l=i(),u=(0,c.lazy)(()=>r(()=>import(`./vitec_locationmap-CO_jtYJV.js`),__vite__mapDeps([0,1,2])).then(e=>({default:e.VitecGlobeMap}))),d=e=>e.toUpperCase().split(``).map(e=>String.fromCodePoint(e.charCodeAt(0)+127397)).join(``);function f(e){let t=e.address;if(!t)return[];let n=[];t.company&&n.push(t.company),t.street?n.push(t.street+(t.additional?`, `+t.additional:``)):t.additional&&n.push(t.additional);let r=[t.postalCode,t.city,t.region].filter(Boolean).join(` `);return r&&n.push(r),t.country&&n.push(t.country),n}function p(){return(0,l.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,l.jsx)(`path`,{d:`M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.49 12 19.79 19.79 0 0 1 1.47 3.55 2 2 0 0 1 3.44 1.35h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9a16 16 0 0 0 6.09 6.09l1.27-.78a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z`})})}function m(){return(0,l.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,l.jsx)(`polyline`,{points:`22 17 13 17`}),(0,l.jsx)(`rect`,{x:`2`,y:`3`,width:`8`,height:`18`,rx:`1`}),(0,l.jsx)(`path`,{d:`M22 17l-5-5V7a2 2 0 0 0-2-2h-1`}),(0,l.jsx)(`line`,{x1:`6`,y1:`8`,x2:`6`,y2:`8`})]})}function h({loc:e}){let t=f(e),n=e.countryCode?d(e.countryCode):``,r=e.links?.contact??`/contact`;return(0,l.jsxs)(`div`,{className:`vitec_locationcard`,children:[(0,l.jsxs)(`div`,{className:`vitec_locationcard__header`,children:[n&&(0,l.jsx)(`span`,{className:`vitec_locationcard__flag`,"aria-hidden":`true`,children:n}),(0,l.jsx)(`span`,{className:`vitec_locationcard__name`,children:e.name})]}),(0,l.jsxs)(`div`,{className:`vitec_locationcard__body`,children:[t.length>0&&(0,l.jsx)(`address`,{className:`vitec_locationcard__address`,children:t.map((e,t)=>(0,l.jsx)(`span`,{children:e},t))}),(e.contact?.phone||e.contact?.fax)&&(0,l.jsxs)(`div`,{className:`vitec_locationcard__contact`,children:[e.contact.phone&&(0,l.jsxs)(`a`,{href:`tel:${e.contact.phone.replace(/\s/g,``)}`,className:`vitec_locationcard__contact-line`,children:[(0,l.jsx)(p,{}),e.contact.phone]}),e.contact.fax&&(0,l.jsxs)(`span`,{className:`vitec_locationcard__contact-line vitec_locationcard__contact-line--fax`,children:[(0,l.jsx)(m,{}),e.contact.fax]})]})]}),(0,l.jsx)(`div`,{className:`vitec_locationcard__footer`,children:(0,l.jsx)(`a`,{href:r,className:`vitec_locationcard__cta`,children:`Contact us`})})]})}function g({loc:e}){let t=f(e),n=e.countryCode?d(e.countryCode):``,r=e.links?.contact??`/contact`;return(0,l.jsxs)(`div`,{className:`vitec_locationrow`,children:[(0,l.jsxs)(`div`,{className:`vitec_locationrow__identity`,children:[n&&(0,l.jsx)(`span`,{className:`vitec_locationrow__flag`,"aria-hidden":`true`,children:n}),(0,l.jsx)(`span`,{className:`vitec_locationrow__name`,children:e.name})]}),t.length>0&&(0,l.jsx)(`address`,{className:`vitec_locationrow__address`,children:t.map((e,t)=>(0,l.jsx)(`span`,{children:e},t))}),(0,l.jsxs)(`div`,{className:`vitec_locationrow__right`,children:[(e.contact?.phone||e.contact?.fax)&&(0,l.jsxs)(`div`,{className:`vitec_locationrow__contact`,children:[e.contact.phone&&(0,l.jsxs)(`a`,{href:`tel:${e.contact.phone.replace(/\s/g,``)}`,className:`vitec_locationrow__contact-line`,children:[(0,l.jsx)(p,{}),e.contact.phone]}),e.contact.fax&&(0,l.jsxs)(`span`,{className:`vitec_locationrow__contact-line vitec_locationrow__contact-line--fax`,children:[(0,l.jsx)(m,{}),e.contact.fax]})]}),(0,l.jsx)(`a`,{href:r,className:`vitec_locationrow__cta`,children:`Contact →`})]})]})}function _({element:r,className:i,nested:o,devInfoTags:d,uid:f,spaceBefore:p,spaceAfter:m}){let _=t(r),v=Number(n(r)??0),y=s(v===0?2:v),b=r.content?.locations,x=b?.variant??`list`,S=(b?.locations??[]).filter(e=>e.active!==!1);return x===`map`?(0,l.jsx)(a,{className:i,devInfoTags:d,fullWidth:!0,nested:o,uid:f,spaceBefore:p,spaceAfter:m,children:(0,l.jsx)(c.Suspense,{fallback:(0,l.jsx)(`div`,{className:`vitec_locationmap__loading`}),children:(0,l.jsx)(u,{locations:S,mapText:b?.mapText})})}):(0,l.jsx)(a,{className:i,devInfoTags:d,nested:o,uid:f,spaceBefore:p,spaceAfter:m,children:(0,l.jsxs)(`div`,{className:`vitec_locationlist__inner`,children:[_&&(0,l.jsx)(e,{variant:y,className:`vitec_locationlist__heading`,children:_}),x===`grid`?(0,l.jsx)(`div`,{className:`vitec_locationlist__grid`,children:S.map(e=>(0,l.jsx)(h,{loc:e},e.id??e.slug))}):(0,l.jsx)(`div`,{className:`vitec_locationlist__list`,children:S.map(e=>(0,l.jsx)(g,{loc:e},e.id??e.slug))})]})})}export{_ as VitecLocationList};
|
|
||||||
File diff suppressed because it is too large.
Load diff
@@ -1 +0,0 @@
|
|||||||
import{A as e,C as t,E as n,O as r,T as i,k as a,ot as o,r as s}from"./index-CM0zIqrs.js";var c=o();function l({element:o,className:l,nested:u,devInfoTags:d,uid:f,spaceBefore:p,spaceAfter:m}){let h=o.content?.market?.market,g=o.appearance?.frameClass?.split(`,`).map(e=>e.trim()).includes(`vitec-full-width`)??!1,_=h?.image?.url,v=h?.image?.srcset?.map(e=>`${e.url} ${e.descriptor}`).join(`, `);return(0,c.jsx)(s,{className:l,devInfoTags:d,fullWidth:g,nested:u,uid:f,spaceBefore:p,spaceAfter:m,children:(0,c.jsx)(`div`,{className:`vitec_marketshow__inner`,children:(0,c.jsxs)(n,{container:!0,spacing:3,alignItems:`start`,children:[_&&(0,c.jsx)(n,{size:{xs:12,md:5},children:(0,c.jsx)(r,{component:`img`,src:_,srcSet:v,sizes:`(max-width: 900px) 100vw, 40vw`,alt:h?.title??`Market`,sx:{width:`100%`,height:`auto`,display:`block`,borderRadius:3}})}),(0,c.jsx)(n,{size:{xs:12,md:_?7:12},children:(0,c.jsxs)(i,{spacing:2,children:[(0,c.jsx)(e,{variant:`overline`,color:`text.secondary`,children:`Market`}),h?.title&&(0,c.jsx)(e,{variant:`h4`,children:h.title}),h?.subtitle&&(0,c.jsx)(e,{variant:`subtitle1`,color:`text.secondary`,children:h.subtitle}),h?.teaser&&(0,c.jsx)(e,{variant:`body1`,children:h.teaser}),h?.description&&(0,c.jsx)(r,{sx:t,dangerouslySetInnerHTML:{__html:h.description}}),h?.categories&&h.categories.length>0&&(0,c.jsx)(i,{direction:`row`,spacing:.75,flexWrap:`wrap`,useFlexGap:!0,children:h.categories.map(e=>(0,c.jsx)(a,{label:e.title??`Category`,size:`small`},e.uid??e.title))})]})})]})})})}export{l as VitecMarketShow};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,J as t,O as n,b as r,c as i,d as a,k as o,m as s,ot as c,p as l,r as u,ut as d}from"./index-CM0zIqrs.js";var f=d(),p=c();function m(e){if(e.srcset?.length)return e.srcset.map(e=>`${e.url} ${e.descriptor}`).join(`, `)}function h(e){if(e)return e.url??e.publicUrl}function g(e){let t=e.parents?.find(e=>e.uid!=null&&e.uid!==1);return!t?.uid||!t.title?null:{uid:t.uid,title:t.title}}function _(e){let t=new Set,n=[];for(let r of e.categories??[]){let e=g(r);e&&!t.has(e.uid)&&(t.add(e.uid),n.push(e))}return n}function v({value:e,onChange:t}){return(0,p.jsxs)(n,{sx:{display:`flex`,alignItems:`center`,gap:`0.625rem`,px:`0.875rem`,py:`0.5rem`,borderRadius:`0.5rem`,border:`1.5px solid`,borderColor:e?`rgba(var(--vitec-brand), 1)`:`divider`,bgcolor:`#fff`,maxWidth:`24rem`,transition:`border-color 0.15s`,"&:focus-within":{borderColor:`rgba(var(--vitec-brand), 1)`}},children:[(0,p.jsx)(n,{sx:{color:`text.disabled`,flexShrink:0,display:`flex`},children:(0,p.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,p.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,p.jsx)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`})]})}),(0,p.jsx)(n,{component:`input`,value:e,onChange:e=>t(e.target.value),placeholder:`Search products…`,sx:{flex:1,border:`none`,outline:`none`,background:`transparent`,fontSize:`0.875rem`,color:`text.primary`,"&::placeholder":{color:`text.disabled`}}}),e&&(0,p.jsx)(n,{component:`button`,onClick:()=>t(``),sx:{display:`flex`,p:0,border:`none`,background:`none`,cursor:`pointer`,color:`text.disabled`,"&:hover":{color:`text.primary`}},children:(0,p.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,p.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),(0,p.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})]})})]})}function y(){return(0,p.jsxs)(`svg`,{className:`vitec_productlist__placeholder-icon`,viewBox:`0 32 66 44`,fill:`white`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,p.jsx)(`path`,{fillOpacity:`0.35`,d:`M22.918,60.551c1.156,0,2.094,0.938,2.094,2.094c0,1.161-0.938,2.098-2.094,2.098c-1.162,0-2.094-0.942-2.094-2.098C20.824,61.488,21.762,60.551,22.918,60.551z M15.355,60.551c1.158,0,2.095,0.938,2.095,2.094c0,1.155-0.938,2.098-2.095,2.098c-1.162,0-2.098-0.937-2.098-2.098C13.257,61.488,14.193,60.551,15.355,60.551z M48.136,58.941c0.006,0,0.011,0,0.016,0c0.281,0.006,0.547,0.124,0.734,0.333c1.406,1.416,1.823,3.547,1.063,5.396c-0.762,1.848-2.552,3.062-4.547,3.062c-1.996,0-3.792-1.214-4.554-3.062c-0.759-1.85-0.342-3.98,1.063-5.396c0.188-0.198,0.443-0.308,0.714-0.318c0.948-0.025,1.434,1.114,0.761,1.781c-0.817,0.824-1.063,2.063-0.62,3.142c0.448,1.082,1.484,1.781,2.636,1.781c1.15,0,2.187-0.699,2.629-1.781c0.443-1.079,0.199-2.317-0.621-3.142C46.72,60.087,47.188,58.926,48.136,58.941z M45.392,57.717c0.583-0.01,1.063,0.469,1.052,1.058l-0.005,3.843c-0.01,1.387-2.084,1.381-2.084-0.004l0.006-3.85C44.354,58.19,44.819,57.723,45.392,57.717z M11.412,55.898c-1.483,0-2.609,1.12-2.609,2.605v8.276c0,1.483,1.126,2.604,2.609,2.604h43.161c1.485,0,2.605-1.12,2.605-2.604v-8.276c0-1.485-1.12-2.605-2.605-2.605H11.412z`}),(0,p.jsx)(`path`,{fillOpacity:`0.18`,d:`M11.412,54.8h43.161c2.073,0,3.715,1.631,3.715,3.704v8.276c0,2.071-1.642,3.713-3.715,3.713H11.412c-2.071,0-3.713-1.642-3.713-3.713v-8.276C7.699,56.431,9.341,54.8,11.412,54.8z M15.601,39.051c-1.527,0-2.776,0.719-3.62,1.703c-0.844,0.983-1.364,2.197-1.787,3.411L5.956,56.379c-0.048,0.129-0.074,0.266-0.068,0.405c-0.172,0.548-0.265,1.12-0.265,1.72v8.276c0,3.187,2.598,5.785,5.79,5.785h43.161c3.188,0,5.787-2.599,5.787-5.785v-8.276c0-0.6-0.094-1.178-0.266-1.72c0.005-0.14-0.017-0.276-0.068-0.405l-4.235-12.214c-0.421-1.214-0.947-2.428-1.791-3.411c-0.839-0.984-2.095-1.703-3.615-1.703H15.601z`})]})}function b({element:t,className:i,nested:c,devInfoTags:d,uid:m,spaceBefore:h,spaceAfter:g}){let y=a(t),b=s(t),S=r(l(t)),C=S===`center`?`center`:S===`right`?`right`:`left`,w=S===`center`?`center`:S===`right`?`flex-end`:`flex-start`,T=t.appearance?.frameClass?.split(`,`).map(e=>e.trim()).includes(`vitec-full-width`)??!1,E=t.content?.products?.products??[],D=t.content!=null,[O,k]=(0,f.useState)(``),[A,j]=(0,f.useState)(new Set),M=(0,f.useMemo)(()=>{let e=new Map;for(let t of E)for(let n of _(t))e.has(n.uid)||e.set(n.uid,n.title);return Array.from(e.entries()).map(([e,t])=>({uid:e,title:t})).sort((e,t)=>e.uid-t.uid)},[E]),N=A.size>0||O.trim().length>0,P=e=>{j(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},F=(0,f.useMemo)(()=>{let e=O.toLowerCase().trim();return E.filter(t=>{let n=!e||t.title?.toLowerCase().includes(e)||t.subtitle?.toLowerCase().includes(e)||t.teaser?.toLowerCase().includes(e),r=A.size===0||_(t).some(e=>A.has(e.uid));return n&&r})},[E,O,A]),I=(0,f.useMemo)(()=>N?[]:M.map(e=>({mainCat:e,products:E.filter(t=>_(t).some(t=>t.uid===e.uid)).sort(Line truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,C as t,E as n,J as r,O as i,T as a,c as o,d as s,ot as c,r as l,ut as u}from"./index-CM0zIqrs.js";var d=u(),f=c();function p(e){if(e.srcset?.length)return e.srcset.map(e=>`${e.url} ${e.descriptor}`).join(`, `)}function m(e){if(e)return e.url??e.publicUrl??e.src}function h(e){if(e)return r(e,o.base_url,o.router_mode)}function g(){return(0,f.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,fill:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`path`,{d:`M11 4.5L6.5 9l4.5 4.5`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function _(){return(0,f.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,fill:`none`,"aria-hidden":`true`,children:(0,f.jsx)(`path`,{d:`M7 4.5L11.5 9 7 13.5`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function v({element:r,nested:o,devInfoTags:c,uid:u,spaceBefore:v,spaceAfter:y}){let b=s(r),x=r.content?.product?.product,S=r.type===`vitec_solutionshow`?`vitec_solutionshow`:`vitec_productshow`,C=(x?.images??[]).filter(e=>m(e)),w=(x?.downloads??[]).filter(e=>e.file?.url),T=x?.relatedprodukt??[],E=(x?.categories??[]).filter(e=>e.title!==`Product`),D=(0,d.useRef)(null),O=(0,d.useRef)({dragging:!1,startX:0,startScrollLeft:0,moved:!1}),[k,A]=(0,d.useState)(!1),[j,M]=(0,d.useState)(C.length>1),[N,P]=(0,d.useState)(0),F=(0,d.useCallback)(()=>{let e=D.current;if(!e)return;let{scrollLeft:t,scrollWidth:n,clientWidth:r}=e;A(t>4),M(t<n-r-4),r>0&&P(Math.round(t/r))},[]);(0,d.useEffect)(()=>{F()},[F,C.length]),(0,d.useEffect)(()=>{let e=D.current;if(!e||C.length<=1)return;let t=0,n=0,r=0,i=null,a=a=>{let o=a.touches[0];t=o.pageX,n=o.pageY,r=e.scrollLeft,i=null,O.current={dragging:!0,startX:o.pageX,startScrollLeft:e.scrollLeft,moved:!1},e.style.scrollSnapType=`none`},o=a=>{if(!O.current.dragging)return;let o=a.touches[0],s=o.pageX-t,c=o.pageY-n;i===null&&(i=Math.abs(s)>Math.abs(c)),i?(a.preventDefault(),Math.abs(s)>3&&(O.current.moved=!0),e.scrollLeft=r-s):(e.style.scrollSnapType=``,O.current.dragging=!1)},s=()=>{O.current.dragging&&(O.current.dragging=!1,e.style.scrollSnapType=``)};return e.addEventListener(`touchstart`,a,{passive:!0}),e.addEventListener(`touchmove`,o,{passive:!1}),e.addEventListener(`touchend`,s,{passive:!0}),()=>{e.removeEventListener(`touchstart`,a),e.removeEventListener(`touchmove`,o),e.removeEventListener(`touchend`,s)}},[C.length]);let I=(0,d.useCallback)(e=>{let t=D.current;t&&t.scrollTo({left:e*t.clientWidth,behavior:`smooth`})},[]),L=(0,d.useCallback)(e=>{let t=D.current;t&&t.scrollBy({left:e*t.clientWidth,behavior:`smooth`})},[]),R=(0,d.useCallback)(e=>{let t=D.current;!t||C.length<=1||(O.current={dragging:!0,startX:e.pageX,startScrollLeft:t.scrollLeft,moved:!1},t.style.scrollSnapType=`none`,t.style.cursor=`grabbing`,t.style.userSelect=`none`)},[C.length]),z=(0,d.useCallback)(e=>{let t=O.current;if(!t.dragging)return;let n=D.current;if(!n)return;let r=e.pageX-t.startX;Math.abs(r)>3&&(t.moved=!0),n.scrollLeft=t.startScrollLeft-r},[]),B=(0,d.useCallback)(()=>{let e=D.current;!e||!O.current.dragging||(O.current.dragging=!1,e.style.cursor=``,e.style.userSelect=``,e.style.scrollSnapType=``)},[]),V=(0,d.useCallback)(e=>{O.current.moved&&(e.stopPropagation(),e.preventDefault(),O.current.moved=!1)},[]);return(0,f.jsx)(l,{className:S,devInfoTags:c,nested:o,uid:u,spaceBefore:v,spaceAfter:y,children:(0,f.jsxs)(`div`,{className:`${S}__inner`,children:[(0,f.jsxs)(n,{container:!0,spacing:{xs:3,md:5},alignItems:`flex-start`,className:`${S}__top`,children:[(0,f.jsx)(n,{size:{xs:12,md:5},children:(0,f.jsxs)(a,{spacing:1.25,className:`${S}__info`,children:[E.length>0&&(0,f.jsx)(`span`,{className:`${S}__eyebrow`,children:E.map(e=>e.title).join(` · `)}),(0,f.jsx)(e,{variant:`h2`,className:`${S}__title`,children:x?.title??b??`Product`}),x?.subtitle&&(0,f.jsx)(e,{className:`${S}__subtitle`,children:x.subtitle}),x?.teaser&&(0,f.jsx)(e,{className:`${S}__teaser`,children:x.teaser})]})}),(0,f.jsx)(n,{size:{xs:12,md:7},children:(0,f.jsxs)(`div`,{className:`${S}__gallery`,children:[C.length>1&&(0,f.jsx)(`div`,{className:`${S}__gallery-header`,children:(0,f.jsxs)(`div`,{className:`${S}__gallery-arrows`,children:[(0,f.jsx)(`button`,{className:`${S}__gallery-arrow`,onClick:()=>L(-1),disabled:!k,"aria-label":`Previous image`,children:(0,f.jsx)(g,{})}),(0,f.jsx)(`button`,{className:`${S}__gallery-arrow`,onClick:()=>L(1),disabled:!j,"aria-label":`Next image`,children:(0,f.jsx)(_,{})})]})}),(0,f.jsx)(`div`,{ref:D,className:`${S}__gallery-track`,onScroll:F,onMouseDown:R,onMouseMove:z,onMouseUp:B,onMouseLeave:B,onClickCapture:V,onDragStart:e=>e.preventDefault(),children:C.map((e,t)=>{let n=m(e);return n?(0,f.jsxs)(`div`,{className:`${S}__gallery-slide`,children:[(0,f.jsx)(`img`,{src:n,srcSet:p(e),sizes:`(max-width: 900px) 100vw, 58vw`,alt:e.alternative||x?.title||``,loading:t===0?`eager`:`lazy`}),(0,f.jsx)(`div`,{className:`${S}__gallery-reflect`,"aria-hidden":`true`,children:(0,f.jsx)(`img`,{src:n,srcSLine truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{ot as e,r as t}from"./index-CM0zIqrs.js";var n=e(),r=e=>e.replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`).replace(/"/g,`"`).replace(/'/g,`'`);function i({element:e,className:i,nested:a,devInfoTags:o,uid:s,spaceBefore:c,spaceAfter:l}){let u=e,d=u.quote,f=u.name,p=u.position,m=u.logo;if(!d)return null;let h=r(d),g=f?r(f):void 0,_=p?r(p):void 0,v=m?.srcset?.length?m.srcset.map(e=>`${e.url} ${e.descriptor}`).join(`, `):void 0;return(0,n.jsx)(t,{className:i,devInfoTags:o,nested:a,uid:s,spaceBefore:c,spaceAfter:l,children:(0,n.jsxs)(`figure`,{className:`vitec_quotation`,children:[(0,n.jsxs)(`blockquote`,{className:`vitec_quotation__body`,children:[(0,n.jsx)(`span`,{className:`vitec_quotation__mark`,"aria-hidden":`true`,children:`“`}),(0,n.jsx)(`p`,{className:`vitec_quotation__text`,children:h})]}),(f||m?.url)&&(0,n.jsxs)(`figcaption`,{className:`vitec_quotation__footer`,children:[m?.url&&(0,n.jsx)(`img`,{className:`vitec_quotation__logo`,src:m.url,srcSet:v,sizes:`120px`,alt:m.alternative||f||``,loading:`lazy`}),(0,n.jsxs)(`div`,{className:`vitec_quotation__attribution`,children:[g&&(0,n.jsx)(`span`,{className:`vitec_quotation__name`,children:g}),_&&(0,n.jsx)(`span`,{className:`vitec_quotation__position`,children:_})]})]})]})})}export{i as VitecQuotation};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,J as t,O as n,d as r,f as i,k as a,ot as o,q as s,r as c,ut as l,x as u}from"./index-CM0zIqrs.js";var d=l(),f=o(),p=s(`prod`,{BASE_URL:`/_frontend/`,DEV:!1,MODE:`production`,PROD:!0,SSR:!1}),m=e=>e.replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`).replace(/"/g,`"`).replace(/'/g,`'`),h=e=>e.toLowerCase().replace(/[^a-z0-9]+/g,`-`).replace(/^-|-$/g,``);function g(e){if(e?.length)return e.map(e=>`${e.url} ${e.descriptor}`).join(`, `)}function _({value:e,onChange:t}){return(0,f.jsxs)(n,{sx:{display:`flex`,alignItems:`center`,gap:`0.625rem`,px:`0.875rem`,py:`0.5rem`,borderRadius:`0.5rem`,border:`1.5px solid`,borderColor:e?`rgba(var(--vitec-brand), 1)`:`divider`,bgcolor:`#fff`,maxWidth:`24rem`,transition:`border-color 0.15s`,"&:focus-within":{borderColor:`rgba(var(--vitec-brand), 1)`}},children:[(0,f.jsx)(n,{sx:{color:`text.disabled`,flexShrink:0,display:`flex`},children:(0,f.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,f.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,f.jsx)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`})]})}),(0,f.jsx)(n,{component:`input`,value:e,onChange:e=>t(e.target.value),placeholder:`Search success stories…`,sx:{flex:1,border:`none`,outline:`none`,background:`transparent`,fontSize:`0.875rem`,color:`text.primary`,"&::placeholder":{color:`text.disabled`}}}),e&&(0,f.jsx)(n,{component:`button`,onClick:()=>t(``),sx:{display:`flex`,p:0,border:`none`,background:`none`,cursor:`pointer`,color:`text.disabled`,"&:hover":{color:`text.primary`}},children:(0,f.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,f.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),(0,f.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})]})})]})}function v({element:o,className:s,nested:l,devInfoTags:v,uid:y,spaceBefore:b,spaceAfter:x}){let S=r(o),C=Number(i(o)??0),w=u(C===0?2:C),T=Array.isArray(o.content?.usecases)?o.content.usecases:[],[E,D]=(0,d.useState)(``),O=(0,d.useMemo)(()=>{let e=new Map;for(let t of T)for(let n of t.markets??[])n.uid!=null&&n.title&&e.set(n.uid,n.title);return Array.from(e.entries()).map(([e,t])=>({uid:e,title:t})).sort((e,t)=>e.title.localeCompare(t.title))},[T]),[k,A]=(0,d.useState)(()=>{let e=new Set(new URLSearchParams(window.location.search).keys());if(e.size===0)return new Set;let t=new Map;for(let e of T)for(let n of e.markets??[])n.uid!=null&&n.title&&t.set(h(n.title),n.uid);let n=new Set;for(let r of e)t.has(r)&&n.add(t.get(r));return n});(0,d.useEffect)(()=>{let e=[...k].map(e=>O.find(t=>t.uid===e)?.title).filter(e=>!!e).map(h),t=window.location.pathname+(e.length?`?`+e.join(`&`):``);history.replaceState(null,``,t)},[k,O]);let j=(0,d.useMemo)(()=>{let e=E.toLowerCase().trim();return T.filter(t=>{let n=!e||t.title?.toLowerCase().includes(e)||t.subtitle?.toLowerCase().includes(e)||t.teaser?.toLowerCase().includes(e),r=k.size===0||(t.markets??[]).some(e=>e.uid!=null&&k.has(e.uid));return n&&r})},[T,E,k]),M=e=>{A(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,f.jsx)(c,{className:s,devInfoTags:v,nested:l,uid:y,spaceBefore:b,spaceAfter:x,children:(0,f.jsxs)(`div`,{className:`vitec_usecaselist__inner`,children:[S&&(0,f.jsx)(e,{variant:w,className:`vitec_usecaselist__heading`,children:S}),(0,f.jsxs)(`div`,{className:`vitec_usecaselist__toolbar`,children:[(0,f.jsx)(_,{value:E,onChange:D}),(0,f.jsx)(e,{variant:`body2`,color:`text.secondary`,sx:{whiteSpace:`nowrap`,ml:`auto`},children:j.length===T.length?`${T.length} success stor${T.length===1?`y`:`ies`}`:`${j.length} of ${T.length}`})]}),O.length>0&&(0,f.jsxs)(`div`,{className:`vitec_usecaselist__filters`,children:[O.map(e=>(0,f.jsx)(a,{label:e.title,size:`small`,clickable:!0,onClick:()=>M(e.uid),variant:k.has(e.uid)?`filled`:`outlined`,sx:{fontSize:`0.75rem`,...k.has(e.uid)&&{bgcolor:`rgba(var(--vitec-brand), 1)`,color:`#fff`,"&:hover":{bgcolor:`rgba(var(--vitec-navy-deep), 1)`}}}},e.uid)),k.size>0&&(0,f.jsx)(a,{label:`Clear`,size:`small`,clickable:!0,onClick:()=>A(new Set),sx:{fontSize:`0.75rem`,color:`text.secondary`}})]}),j.length>0?(0,f.jsx)(`div`,{className:`vitec_usecaselist__grid`,children:j.map(e=>(0,f.jsxs)(`a`,{href:t(`/success-stories/${e.slug}`,p.base_url,p.router_mode),className:`vitec_usecasecard`,children:[(0,f.jsxs)(`div`,{className:`vitec_usecasecard__media`,children:[e.cardImage?.url?(0,f.jsx)(`img`,{className:`vitec_usecasecard__image`,src:e.cardImage.url,srcSet:g(e.cardImage.srcset),sizes:`(max-width: 599px) 100vw, (max-width: 899px) 50vw, 33vw`,alt:e.cardImage.alternative||e.title||``,loading:`lazy`}):(0,f.jsx)(`div`,{className:`vitec_usecasecard__image-fallback`}),e.customerLogo?.url&&(0,f.jsx)(`div`,{className:`vitec_usecasecard__logo-badge`,children:(0,f.jsx)(`img`,{className:`vitec_usecasecard__logo`,src:e.customerLogo.url,srcSet:g(e.customerLogLine truncated
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{ot as e,r as t,ut as n}from"./index-CM0zIqrs.js";var r=n(),i=e();function a(e){if(e?.length)return e.map(e=>`${e.url} ${e.descriptor}`).join(`, `)}function o({element:e,className:n,nested:o,devInfoTags:s,uid:c,spaceBefore:l,spaceAfter:u,renderElement:d}){let f=e.content?.usecase?.usecase;if(!f)return(0,i.jsx)(t,{className:n,devInfoTags:s,nested:o,uid:c,spaceBefore:l,spaceAfter:u,children:(0,i.jsx)(`div`,{})});let p=f.hero,m=p?.layout??`sm`,h=m!==`xs`,g=p?.textTheme!==`dark`,_=p?.bgImage?.url,v=a(p?.bgImage?.srcset),y=f.customerLogo?.url,b=a(f.customerLogo?.srcset),x=p?.overlayColor??`#000000`,S=p?.overlayOpacity??.4;return(0,i.jsx)(t,{className:n,devInfoTags:s,nested:o,uid:c,spaceBefore:l,spaceAfter:u,children:(0,i.jsxs)(`div`,{className:`vitec_usecaseshow__inner`,children:[h&&(0,i.jsxs)(`div`,{className:`vitec_usecaseshow__hero vitec_usecaseshow__hero--${m} ${g?`vitec_usecaseshow__hero--light`:`vitec_usecaseshow__hero--dark`}`,children:[_&&(0,i.jsx)(`img`,{className:`vitec_usecaseshow__hero-bg`,src:_,srcSet:v,sizes:`100vw`,alt:p?.bgImage?.alternative||f.title||``,loading:`eager`}),(0,i.jsx)(`div`,{className:`vitec_usecaseshow__hero-overlay`,style:{background:x,opacity:S}}),(0,i.jsxs)(`div`,{className:`vitec_usecaseshow__hero-content`,children:[y&&(0,i.jsx)(`div`,{className:`vitec_usecaseshow__logo-wrap`,children:(0,i.jsx)(`img`,{className:`vitec_usecaseshow__logo`,src:y,srcSet:b,sizes:`180px`,alt:f.customerLogo?.alternative||f.title||``})}),f.markets&&f.markets.length>0&&(0,i.jsx)(`div`,{className:`vitec_usecaseshow__markets`,children:f.markets.map(e=>(0,i.jsx)(`span`,{className:`vitec_usecaseshow__market-chip`,children:e.title},e.uid))}),f.title&&(0,i.jsx)(`h1`,{className:`vitec_usecaseshow__hero-title`,children:f.title}),f.subtitle&&(0,i.jsx)(`p`,{className:`vitec_usecaseshow__hero-subtitle`,children:f.subtitle})]})]}),f.teaser&&(0,i.jsx)(`div`,{className:`vitec_usecaseshow__teaser`,children:(0,i.jsx)(`p`,{className:`vitec_usecaseshow__teaser-text`,children:f.teaser})}),f.contentElements&&f.contentElements.length>0&&(0,i.jsx)(`div`,{className:`vitec_usecaseshow__body`,children:f.contentElements.map((e,t)=>(0,i.jsx)(r.Fragment,{children:d(e,!1)},e.id??t))})]})})}export{o as VitecUsecaseShow};
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
import{A as e,O as t,T as n,d as r,m as i,ot as a,r as o,ut as s}from"./index-CM0zIqrs.js";var c=s(),l=a();function u(){return(0,l.jsxs)(`svg`,{viewBox:`0 0 64 64`,width:`72`,height:`72`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,l.jsx)(`circle`,{cx:`32`,cy:`32`,r:`32`,fill:`rgba(var(--vitec-black), 0.55)`}),(0,l.jsx)(`polygon`,{points:`26,18 50,32 26,46`,fill:`rgba(var(--vitec-white), 1)`})]})}function d({element:a,className:s,nested:d,devInfoTags:f,uid:p,spaceBefore:m,spaceAfter:h}){let g=r(a),_=i(a),v=a.data?.youtube_code,y=!!a.data?.hide_controls,b=a.data?.poster?.[0]?.publicUrl,x=(a.data?.custom_video)?.[0]?.publicUrl,S=a.appearance?.frameClass?.split(`,`).map(e=>e.trim()).includes(`vitec-full-width`)??!1,[C,w]=(0,c.useState)(!1),T=b??(v?`https://img.youtube.com/vi/${v}/maxresdefault.jpg`:void 0),E=v?`https://www.youtube-nocookie.com/embed/${v}?controls=${y?`0`:`1`}&autoplay=${C?`1`:`0`}&rel=0&modestbranding=1`:void 0,D=y&&!C,O=!!(E||x);return(0,l.jsx)(o,{className:s,devInfoTags:f,fullWidth:S,nested:d,uid:p,spaceBefore:m,spaceAfter:h,children:(0,l.jsx)(`div`,{className:`vitec_video__inner`,children:(0,l.jsxs)(n,{spacing:2,children:[(g||_)&&(0,l.jsxs)(n,{spacing:.5,children:[g&&(0,l.jsx)(e,{variant:`h4`,children:g}),_&&(0,l.jsx)(e,{variant:`subtitle1`,color:`text.secondary`,children:_})]}),D&&O&&T&&(0,l.jsxs)(t,{className:`vitec_video__poster`,onClick:()=>w(!0),sx:{position:`relative`,borderRadius:2,overflow:`hidden`,cursor:`pointer`,"&:hover .vitec_video__play-btn":{transform:`scale(1.1)`}},children:[(0,l.jsx)(t,{component:`img`,src:T,alt:g??`Video`,sx:{width:`100%`,height:`auto`,display:`block`}}),(0,l.jsx)(t,{className:`vitec_video__play-btn`,sx:{position:`absolute`,inset:0,display:`flex`,alignItems:`center`,justifyContent:`center`,transition:`transform 0.15s ease`},children:(0,l.jsx)(u,{})})]}),D&&!O&&T&&(0,l.jsx)(t,{component:`img`,src:T,alt:g??`Video placeholder`,sx:{width:`100%`,borderRadius:2,display:`block`}}),(!y||C)&&E&&(0,l.jsx)(t,{className:`vitec_video__embed`,sx:{position:`relative`,paddingTop:`56.25%`,borderRadius:2,overflow:`hidden`},children:(0,l.jsx)(t,{component:`iframe`,src:E,title:g??`Video`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture`,allowFullScreen:!0,sx:{position:`absolute`,top:0,left:0,width:`100%`,height:`100%`,border:`none`}})}),!E&&x&&(!y||C)&&(0,l.jsx)(t,{component:`video`,src:x,poster:b,controls:!y,autoPlay:C,sx:{width:`100%`,borderRadius:2,display:`block`}})]})})})}export{d as VitecVideo};
|
|
||||||
@@ -25,8 +25,8 @@
|
|||||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
<title>VITEC</title>
|
<title>VITEC</title>
|
||||||
<script type="module" crossorigin src="/_frontend/assets/index-DPL77F5X.js"></script>
|
<script type="module" crossorigin src="/_frontend/assets/index-DBk7e4hk.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/_frontend/assets/index-DNSm10MQ.css">
|
<link rel="stylesheet" crossorigin href="/_frontend/assets/index-CUeIsXnS.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="page"></div>
|
<div id="page"></div>
|
||||||
|
|||||||
Reference in new issue
Block a user