@moatamed-sce/ui-components 0.1.0 → 0.1.1

package/fesm2022/moatamed-sce-ui-components.mjs

@@ -13,7 +13,7 @@ import * as i1$1 from 'primeng/button';
 import { ButtonModule, Button } from 'primeng/button';
 import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 import { ToggleSwitch } from 'primeng/toggleswitch';
-import { sanitizeNonNegativeNumericInput, DigitPipe, ModalService, LanguageService, formatFileSize as formatFileSize$1, LOADING_DELAY_MS, SCE_ICON_ASSETS_BASE_TOKEN, resolveSceIconAssetPath, getEngineeringOfficeVerificationBadgeVariant, LoadingService, truncateWords as truncateWords$1, OrganizationServiceProviderStatus, RoutePrefetchDirective, SceRouteActiveDirective, ThemeService, ConnectivityService, shouldShowUserProfilePhoto, isGeoLookupRestricted, JEDDAH_MAP_CENTER, NominatimService, GeoMapPositionValidationService, ToastService, resolveInitialCenter, mapPositionValidationMessage, PHONE_CONFIG, INPUT_TYPES, VALIDATION_LENGTHS, ERROR_KEYS, DEFAULT_TOAST_KEY, TOAST_BASE_Z_INDEX, downloadUrlAsFile, downloadBlob, copyToClipboard, LocalizedDatePipe, ImgFallbackDirective, REGEX, ExportPdfService } from '@moatamed-sce/core';
+import { sanitizeNonNegativeNumericInput, DigitPipe, ModalService, LanguageService, formatFileSize as formatFileSize$1, LOADING_DELAY_MS, SCE_ICON_ASSETS_BASE_TOKEN, resolveSceIconAssetPath, getEngineeringOfficeVerificationBadgeVariant, LoadingService, truncateWords as truncateWords$1, OrganizationServiceProviderStatus, RoutePrefetchDirective, SceRouteActiveDirective, ThemeService, ConnectivityService, shouldShowUserProfilePhoto, isGeoLookupRestricted, JEDDAH_MAP_CENTER, NominatimService, GeoMapPositionValidationService, ToastService, resolveInitialCenter, mapPositionValidationMessage, PHONE_CONFIG, INPUT_TYPES, VALIDATION_LENGTHS, ERROR_KEYS, DEFAULT_TOAST_KEY, TOAST_BASE_Z_INDEX, SceLibraryAccessService, SCE_LIBRARY_ACCESS_CONTACT, downloadUrlAsFile, downloadBlob, copyToClipboard, LocalizedDatePipe, ImgFallbackDirective, REGEX, ExportPdfService } from '@moatamed-sce/core';
 import { DOCUMENT, NgTemplateOutlet, isPlatformBrowser, Location, CommonModule, DecimalPipe, DatePipe } from '@angular/common';
 import { Dialog } from 'primeng/dialog';
 import { HttpClient } from '@angular/common/http';
@@ -10043,6 +10043,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             args: [{ host: { class: 'sce-page-header' }, selector: 'sce-page-header', standalone: true, imports: [TranslatePipe, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header\n  class=\"sce-page-header\"\n  [class.sce-page-header--split]=\"actionLayout()\"\n  [class.sce-page-header--breadcrumb-first]=\"breadcrumbFirst()\"\n>\n  <div class=\"sce-page-header__lead\">\n    @if (breadcrumbFirst() && showBreadcrumb() && breadcrumbItems().length) {\n      <nav class=\"sce-page-header__breadcrumb\" [attr.aria-label]=\"'aria.breadcrumb' | translate\">\n        <ol class=\"sce-page-header__breadcrumb-list\">\n          @for (item of breadcrumbItems(); track item.label; let last = $last) {\n            <li class=\"sce-page-header__breadcrumb-item\">\n              @if (item.url && !last) {\n                <a [routerLink]=\"item.url\" class=\"sce-page-header__breadcrumb-link\">\n                  {{ item.translationKey ? (item.translationKey | translate) : item.label }}\n                </a>\n              } @else {\n                <span class=\"sce-page-header__breadcrumb-current\" [class.sce-page-header__breadcrumb-current--active]=\"last\">\n                  {{ item.translationKey ? (item.translationKey | translate) : item.label }}\n                </span>\n              }\n              @if (!last) {\n                <span class=\"sce-page-header__breadcrumb-sep\" aria-hidden=\"true\">/</span>\n              }\n            </li>\n          }\n        </ol>\n      </nav>\n    }\n    @if (titleKey() || title()) {\n      <h1 class=\"sce-page-header__title\">\n        @if (titleKey()) {\n          {{ titleKey() | translate }}\n        } @else {\n          {{ title() }}\n        }\n      </h1>\n    }\n    @if (!breadcrumbFirst() && showBreadcrumb() && breadcrumbItems().length) {\n      <nav class=\"sce-page-header__breadcrumb\" [attr.aria-label]=\"'aria.breadcrumb' | translate\">\n        <ol class=\"sce-page-header__breadcrumb-list\">\n          @for (item of breadcrumbItems(); track item.label; let last = $last) {\n            <li class=\"sce-page-header__breadcrumb-item\">\n              @if (item.url && !last) {\n                <a [routerLink]=\"item.url\" class=\"sce-page-header__breadcrumb-link\">\n                  {{ item.translationKey ? (item.translationKey | translate) : item.label }}\n                </a>\n              } @else {\n                <span class=\"sce-page-header__breadcrumb-current\" [class.sce-page-header__breadcrumb-current--active]=\"last\">\n                  {{ item.translationKey ? (item.translationKey | translate) : item.label }}\n                </span>\n              }\n              @if (!last) {\n                <span class=\"sce-page-header__breadcrumb-sep\" aria-hidden=\"true\">/</span>\n              }\n            </li>\n          }\n        </ol>\n      </nav>\n    }\n  </div>\n  @if (actionLayout()) {\n    <div class=\"sce-page-header__actions\" role=\"toolbar\">\n      <ng-content select=\"[data-page-header-actions]\" />\n    </div>\n  }\n</header>\n", styles: [":host{display:block}.sce-page-header{margin-block-end:var(--page-header-margin-bottom, var(--space-24))}.sce-page-header--split{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}.sce-page-header__lead{flex:1;min-width:0}.sce-page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-10);flex-shrink:0}.sce-page-header__breadcrumb{margin-block-end:var(--space-12)}.sce-page-header--breadcrumb-first .sce-page-header__breadcrumb{margin-block-end:var(--space-8)}.sce-page-header__breadcrumb-list{display:flex;align-items:center;gap:var(--space-6);margin:0;padding:0;list-style:none;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sce-page-header__breadcrumb-item{display:flex;align-items:center;gap:var(--space-6)}.sce-page-header__breadcrumb-link{color:inherit;text-decoration:none;transition:color var(--motion-duration-fast, .15s) ease}.sce-page-header__breadcrumb-link:hover{color:var(--color-text-default)}.sce-page-header__breadcrumb-current{color:inherit}.sce-page-header__breadcrumb-current--active{color:var(--color-text-default);font-weight:var(--font-weight-medium)}.sce-page-header__breadcrumb-sep{color:var(--color-neutral-300, var(--color-border))}.sce-page-header__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-default)}\n"] }]
         }], propDecorators: { titleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleKey", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], breadcrumbItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbItems", required: false }] }], showBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBreadcrumb", required: false }] }], breadcrumbFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbFirst", required: false }] }], actionLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionLayout", required: false }] }] } });
 
+/**
+ * In-app access-denied page for consumer apps.
+ *
+ * Wire as the target of `libraryAccessDenyRoute` (see `SCE_LIBRARY_ACCESS_DENIED_PATH` in core).
+ * Bootstrap failures still use the raw DOM screen in core — this component is for routed fallbacks
+ * and partner documentation previews.
+ */
+class SceLibraryAccessDeniedComponent {
+    /** Override when previewing; otherwise reads from {@link SceLibraryAccessService} when present. */
+    reason = input(...(ngDevMode ? [undefined, { debugName: "reason" }] : /* istanbul ignore next */ []));
+    access = inject(SceLibraryAccessService, { optional: true });
+    contactEmail = inject(SCE_LIBRARY_ACCESS_CONTACT);
+    effectiveReason = computed(() => this.reason() ?? this.access?.denialReason() ?? 'missing', ...(ngDevMode ? [{ debugName: "effectiveReason" }] : /* istanbul ignore next */ []));
+    mailtoHref = computed(() => `mailto:${this.contactEmail}?subject=${encodeURIComponent('SCE library access token')}`, ...(ngDevMode ? [{ debugName: "mailtoHref" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SceLibraryAccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SceLibraryAccessDeniedComponent, isStandalone: true, selector: "sce-library-access-denied", inputs: { reason: { classPropertyName: "reason", publicName: "reason", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "sce-library-access-denied" }, ngImport: i0, template: "<section class=\"sce-library-access-denied__panel\" role=\"alert\" aria-live=\"assertive\">\n  <p class=\"sce-library-access-denied__badge\">&#64;moatamed-sce</p>\n\n  <h1 class=\"sce-library-access-denied__title-ar\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        \u0645\u0641\u062A\u0627\u062D \u0627\u0644\u0648\u0635\u0648\u0644 \u063A\u064A\u0631 \u0645\u064F\u0639\u0631\u064E\u0651\u0641\n      }\n      @case ('invalid') {\n        \u0645\u0641\u062A\u0627\u062D \u0627\u0644\u0648\u0635\u0648\u0644 \u063A\u064A\u0631 \u0635\u0627\u0644\u062D\n      }\n    }\n  </h1>\n\n  <h2 class=\"sce-library-access-denied__title-en\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        Access key not configured\n      }\n      @case ('invalid') {\n        Access key not authorized\n      }\n    }\n  </h2>\n\n  <p class=\"sce-library-access-denied__body-ar\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        \u0644\u0645 \u064A\u062A\u0645 \u062A\u0645\u0631\u064A\u0631 \u0645\u0641\u062A\u0627\u062D \u0648\u0635\u0648\u0644 \u0644\u0645\u0643\u062A\u0628\u0629 SCE \u0641\u064A \u0647\u0630\u0627 \u0627\u0644\u062A\u0637\u0628\u064A\u0642. \u064A\u0631\u062C\u0649 \u0627\u0644\u062A\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064A\u0642 SCE \u0645\u0639\u062A\u0645\u062F \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0641\u062A\u0627\u062D \u0648\u062A\u0643\u0648\u064A\u0646\u0647 \u0641\u064A provideSceCore().\n      }\n      @case ('invalid') {\n        \u0645\u0641\u062A\u0627\u062D \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u064F\u0643\u0648\u064E\u0651\u0646 \u0641\u064A \u0647\u0630\u0627 \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u063A\u064A\u0631 \u0645\u0635\u0631\u062D \u0628\u0647. \u064A\u0631\u062C\u0649 \u0627\u0644\u062A\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064A\u0642 SCE \u0645\u0639\u062A\u0645\u062F \u0644\u0644\u062A\u062D\u0642\u0642 \u0645\u0646 \u0627\u0644\u0645\u0641\u062A\u0627\u062D \u0623\u0648 \u0637\u0644\u0628 \u0645\u0641\u062A\u0627\u062D \u062C\u062F\u064A\u062F.\n      }\n    }\n  </p>\n\n  <p class=\"sce-library-access-denied__body-en\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        This app did not pass a libraryAccessToken when bootstrapping &#64;moatamed-sce/core. Contact the SCE Moatamed team to request a\n        key.\n      }\n      @case ('invalid') {\n        The libraryAccessToken configured for this app is not authorized. Contact the SCE Moatamed team to verify or renew your key.\n      }\n    }\n  </p>\n\n  <p class=\"sce-library-access-denied__dev-hint\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        provideSceCore(&#123; libraryAccessToken: environment.sceLibraryAccessToken &#125;)\n      }\n      @case ('invalid') {\n        Check environment.sceLibraryAccessToken matches the key SCE Moatamed issued for this app.\n      }\n    }\n  </p>\n\n  <p class=\"sce-library-access-denied__contact-label\">SCE Moatamed team \u00B7 \u0641\u0631\u064A\u0642 SCE \u0645\u0639\u062A\u0645\u062F</p>\n\n  <sce-button variant=\"primary\" class=\"sce-library-access-denied__contact\" [href]=\"mailtoHref()\">\n    {{ contactEmail }}\n  </sce-button>\n</section>\n", styles: [":host.sce-library-access-denied{display:flex;align-items:center;justify-content:center;min-height:100dvb;padding:var(--space-24);background:linear-gradient(160deg,var(--color-neutral-950) 0%,var(--color-neutral-900) 55%,var(--color-neutral-950) 100%)}.sce-library-access-denied__panel{display:flex;flex-direction:column;gap:var(--space-16);align-items:center;max-width:35rem;margin-inline:auto;padding:var(--space-32) var(--space-28);border:1px solid color-mix(in srgb,var(--color-white) 12%,transparent);border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--color-white) 4%,transparent);color:var(--color-white);text-align:center}.sce-library-access-denied__badge{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;opacity:.65}.sce-library-access-denied__title-ar{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.4}.sce-library-access-denied__title-en{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);opacity:.85}.sce-library-access-denied__body-ar{margin:0;font-size:var(--font-size-base);line-height:1.8;opacity:.92}.sce-library-access-denied__body-en{margin:0;font-size:var(--font-size-sm);line-height:1.7;opacity:.78}.sce-library-access-denied__dev-hint{margin:0;padding:var(--space-10) var(--space-12);border-radius:var(--radius-8);background:color-mix(in srgb,var(--color-neutral-950) 25%,transparent);font-family:var(--font-family-mono, ui-monospace, monospace);font-size:var(--font-size-xs);line-height:1.5;opacity:.85;overflow-wrap:anywhere}.sce-library-access-denied__contact-label{margin:var(--space-8) 0 0;font-size:var(--font-size-sm);opacity:.75}.sce-library-access-denied__contact{margin-block-start:var(--space-4);text-decoration:none}\n"], dependencies: [{ kind: "component", type: SceButton, selector: "sce-button", inputs: ["variant", "type", "fullWidth", "disabled", "loading", "size", "icon", "iconPosition", "iconSize", "ariaLabel", "routerLink", "href"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SceLibraryAccessDeniedComponent, decorators: [{
+            type: Component,
+            args: [{ host: { class: 'sce-library-access-denied' }, selector: 'sce-library-access-denied', standalone: true, imports: [SceButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"sce-library-access-denied__panel\" role=\"alert\" aria-live=\"assertive\">\n  <p class=\"sce-library-access-denied__badge\">&#64;moatamed-sce</p>\n\n  <h1 class=\"sce-library-access-denied__title-ar\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        \u0645\u0641\u062A\u0627\u062D \u0627\u0644\u0648\u0635\u0648\u0644 \u063A\u064A\u0631 \u0645\u064F\u0639\u0631\u064E\u0651\u0641\n      }\n      @case ('invalid') {\n        \u0645\u0641\u062A\u0627\u062D \u0627\u0644\u0648\u0635\u0648\u0644 \u063A\u064A\u0631 \u0635\u0627\u0644\u062D\n      }\n    }\n  </h1>\n\n  <h2 class=\"sce-library-access-denied__title-en\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        Access key not configured\n      }\n      @case ('invalid') {\n        Access key not authorized\n      }\n    }\n  </h2>\n\n  <p class=\"sce-library-access-denied__body-ar\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        \u0644\u0645 \u064A\u062A\u0645 \u062A\u0645\u0631\u064A\u0631 \u0645\u0641\u062A\u0627\u062D \u0648\u0635\u0648\u0644 \u0644\u0645\u0643\u062A\u0628\u0629 SCE \u0641\u064A \u0647\u0630\u0627 \u0627\u0644\u062A\u0637\u0628\u064A\u0642. \u064A\u0631\u062C\u0649 \u0627\u0644\u062A\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064A\u0642 SCE \u0645\u0639\u062A\u0645\u062F \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0641\u062A\u0627\u062D \u0648\u062A\u0643\u0648\u064A\u0646\u0647 \u0641\u064A provideSceCore().\n      }\n      @case ('invalid') {\n        \u0645\u0641\u062A\u0627\u062D \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u064F\u0643\u0648\u064E\u0651\u0646 \u0641\u064A \u0647\u0630\u0627 \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u063A\u064A\u0631 \u0645\u0635\u0631\u062D \u0628\u0647. \u064A\u0631\u062C\u0649 \u0627\u0644\u062A\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064A\u0642 SCE \u0645\u0639\u062A\u0645\u062F \u0644\u0644\u062A\u062D\u0642\u0642 \u0645\u0646 \u0627\u0644\u0645\u0641\u062A\u0627\u062D \u0623\u0648 \u0637\u0644\u0628 \u0645\u0641\u062A\u0627\u062D \u062C\u062F\u064A\u062F.\n      }\n    }\n  </p>\n\n  <p class=\"sce-library-access-denied__body-en\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        This app did not pass a libraryAccessToken when bootstrapping &#64;moatamed-sce/core. Contact the SCE Moatamed team to request a\n        key.\n      }\n      @case ('invalid') {\n        The libraryAccessToken configured for this app is not authorized. Contact the SCE Moatamed team to verify or renew your key.\n      }\n    }\n  </p>\n\n  <p class=\"sce-library-access-denied__dev-hint\">\n    @switch (effectiveReason()) {\n      @case ('missing') {\n        provideSceCore(&#123; libraryAccessToken: environment.sceLibraryAccessToken &#125;)\n      }\n      @case ('invalid') {\n        Check environment.sceLibraryAccessToken matches the key SCE Moatamed issued for this app.\n      }\n    }\n  </p>\n\n  <p class=\"sce-library-access-denied__contact-label\">SCE Moatamed team \u00B7 \u0641\u0631\u064A\u0642 SCE \u0645\u0639\u062A\u0645\u062F</p>\n\n  <sce-button variant=\"primary\" class=\"sce-library-access-denied__contact\" [href]=\"mailtoHref()\">\n    {{ contactEmail }}\n  </sce-button>\n</section>\n", styles: [":host.sce-library-access-denied{display:flex;align-items:center;justify-content:center;min-height:100dvb;padding:var(--space-24);background:linear-gradient(160deg,var(--color-neutral-950) 0%,var(--color-neutral-900) 55%,var(--color-neutral-950) 100%)}.sce-library-access-denied__panel{display:flex;flex-direction:column;gap:var(--space-16);align-items:center;max-width:35rem;margin-inline:auto;padding:var(--space-32) var(--space-28);border:1px solid color-mix(in srgb,var(--color-white) 12%,transparent);border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--color-white) 4%,transparent);color:var(--color-white);text-align:center}.sce-library-access-denied__badge{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;opacity:.65}.sce-library-access-denied__title-ar{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.4}.sce-library-access-denied__title-en{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);opacity:.85}.sce-library-access-denied__body-ar{margin:0;font-size:var(--font-size-base);line-height:1.8;opacity:.92}.sce-library-access-denied__body-en{margin:0;font-size:var(--font-size-sm);line-height:1.7;opacity:.78}.sce-library-access-denied__dev-hint{margin:0;padding:var(--space-10) var(--space-12);border-radius:var(--radius-8);background:color-mix(in srgb,var(--color-neutral-950) 25%,transparent);font-family:var(--font-family-mono, ui-monospace, monospace);font-size:var(--font-size-xs);line-height:1.5;opacity:.85;overflow-wrap:anywhere}.sce-library-access-denied__contact-label{margin:var(--space-8) 0 0;font-size:var(--font-size-sm);opacity:.75}.sce-library-access-denied__contact{margin-block-start:var(--space-4);text-decoration:none}\n"] }]
+        }], propDecorators: { reason: [{ type: i0.Input, args: [{ isSignal: true, alias: "reason", required: false }] }] } });
+
 /**
  * @deprecated Use `<sce-result-state>` instead — it covers this component's entire surface with
  * preset copy and actions. No production usages exist (design-system demo only); delete once the
@@ -13907,5 +13929,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { Alert, Breadcrumb, Card, ColumnsEnum, DYNAMIC_MULTI_TYPES, DYNAMIC_NATIVE_TYPES, DashboardPageHeaderComponent, FileType, FormInput, LocalizedValuePipe, OtpInput, Popup, PopupModalBase, RESULT_STATE_ACTION_META, RESULT_STATE_PRESETS, SCE_MIRROR_LABEL_AS_PLACEHOLDER, SceAccordionComponent, SceAccountSwitcherComponent, SceAccountUserAssignDialogComponent, SceAccountUserDetailHeaderComponent, SceAccountUserEditDialogComponent, SceAccountUserPermissionsSectionComponent, SceAccountUserPersonalSectionComponent, SceAccountUserVerifyDialogComponent, SceAccountUsersTabsBarComponent, SceActionDialogComponent, SceApiErrorStateComponent, SceAreaChartComponent, SceArticleDetailComponent, SceArticleLayoutComponent, SceArticlePageComponent, SceArticleSidebarComponent, SceArticleTagsListComponent, SceAsyncPageGateComponent, SceAttachmentsListComponent, SceAuthLayoutComponent, SceBarChartComponent, SceBasicCardComponent, SceBidiIsolate, SceBrandLoaderComponent, SceBulletListComponent, SceBusinessStatusTagComponent, SceButton, SceButtonWithSelectionCount, SceCaptchaInput, SceCardRadioGroupComponent, SceCardsListPageComponent, SceCardsStatisticsComponent, SceCategoryTile, SceChartLegendComponent, SceCheckItem, SceCheckbox, SceChoiceCard, SceCircularProgress, SceConfirmDialogComponent, SceConfirmDialogDemoComponent, SceContactFormPanelComponent, SceContactInfoPanelComponent, SceContentBlockComponent, SceContractQrCodeComponent, SceContractRequestCardComponent, SceCopyButtonComponent, SceCopyRight, SceCriteriaSectionComponent, SceCurrencyInputComponent, SceCustomColsDirective, SceDashboardAccountRoleIconComponent, SceDashboardFeatureComingSoonComponent, SceDashboardLayoutComponent, SceDashboardTableFiltersComponent, SceDataRequestComparisonTableComponent, SceDataRequestCurrentSummaryComponent, SceDataRequestHeaderCardComponent, SceDataRequestMediaComparisonComponent, SceDataRequestProjectChangesComponent, SceDataRequestRejectionPanelComponent, SceDateFieldComponent, SceDatePickerModalComponent, SceDetailHeaderComponent, SceDialogShellComponent, SceDialogShellDemoComponent, SceDivider, SceDonutChartComponent, SceDynamicFormComponent, SceEmptyStateComponent, SceEngineeringOfficeCardComponent, SceEngineeringOfficeCardSkeletonComponent, SceEngineeringOfficeVerificationBadgeComponent, SceEntityInfoCardComponent, SceEntityProfileEditFormComponent, SceEntitySummaryCardComponent, SceEntityTypeCard, SceExportPdfButton, SceExportPdfContainerComponent, SceFaqItemCard, SceFeaturedOfficeCardComponent, SceFeaturedOfficeCardSkeletonComponent, SceFeedbackSectionComponent, SceFieldComponent, SceFileUploadZoneComponent, SceFileUploadZoneDemoComponent, SceFileViewerComponent, SceFileViewerDirective, SceFileViewerService, SceFilterCalendarComponent, SceFilterCalendarRangeComponent, SceFilterDropdownComponent, SceFilterFieldIconComponent, SceFilterFormComponent, SceFormCheckboxRadio, SceFormDialogComponent, SceFormDialogSectionComponent, SceFormError, SceFormFieldsSkeletonComponent, SceFormHint, SceFormLabel, SceFormPageLayoutComponent, SceFormRichTextComponent, SceGaugeChartComponent, SceGearsLoaderComponent, SceGenericTableComponent, SceGenericTableDemoComponent, SceGeoLocationFieldComponent, SceGlobalLoadingBarComponent, SceGoogleMapsLocationPickerComponent, SceGridExpansionDirective, SceGridTableComponent, SceGuidedTourComponent, SceHorizontalBarChartComponent, SceHorizontalWizardStepperComponent, SceIcon, SceIconCard, SceImageGallerySwapperComponent, SceImagePickerComponent, SceInfoFieldCardComponent, SceInfoFieldsGridComponent, SceInfoFieldsSkeletonComponent, SceInfoRowComponent, SceInlineApiErrorComponent, SceInquiryRequestCardComponent, SceInternalUserFormFieldsComponent, SceInternalUserPermissionsSectionComponent, SceInternalUserVerifySectionComponent, SceKnowledgeCenterCategoryGridComponent, SceLandingHeroHeaderComponent, SceLandingMobileMenuComponent, SceLandingNavComponent, SceLangToggleComponent, SceLatestContractsTableComponent, SceLineChartComponent, SceListPageLayoutComponent, SceLocationPickerDialogComponent, SceLoginAccountSelectStepComponent, SceLoginCompleteDataStepComponent, SceLoginCredentialsStepComponent, SceLoginErrorStepComponent, SceLoginOtpStepComponent, SceLoginUserTypeStepComponent, SceLogoutModalComponent, SceModalHostComponent, SceMultiSegmentBarChartComponent, SceMultiSegmentGaugeComponent, SceMultiSelectFieldComponent, SceNavCard, SceNavCardsListComponent, SceNewsletterSubscriptionDialogComponent, SceNotificationListComponent, SceNotificationListSkeletonComponent, SceNotificationTypeBadgeComponent, SceOfficeBrandLogoComponent, SceOfficeDetailHeroBodyComponent, SceOfficeDetailLoadingStateComponent, SceOfficeDetailNotFoundComponent, SceOfficeDetailOverviewPanelComponent, SceOfficeDetailProjectsPanelComponent, SceOfficeDetailReviewsPanelComponent, SceOfficeDetailTabsBarComponent, SceOfficeDetailsSkeletonComponent, SceOfficeLocationMapComponent, SceOfficeMetricCardComponent, SceOfficeMetricCardsRowComponent, SceOfficeProfileContactTabComponent, SceOfficeProfileEditBioSectionComponent, SceOfficeProfileEditContactSectionComponent, SceOfficeProfileEditMediaSectionComponent, SceOfficeProfileEditOfficialSectionComponent, SceOfficeProfileEditProjectsSectionComponent, SceOfficeProfileHeroComponent, SceOfficeProfileOfficialTabComponent, SceOfficeProfileOverviewTabComponent, SceOfficeProfileProjectDeleteDialogComponent, SceOfficeProfileProjectEditorDialogComponent, SceOfficeProfileProjectsTabComponent, SceOfficeProfileStatsRowComponent, SceOfficeProfileSubmitResultComponent, SceOfficeProjectGalleryComponent, SceOfficeProjectsSkeletonComponent, SceOfficesFiltersSidebarComponent, SceOfficesGridPanelComponent, SceOfficesMapPanelComponent, SceOfficesViewToggleComponent, SceOfflineBannerComponent, SceOptionGroup, SceOsmLeafletMapComponent, SceOsmLocationPickerComponent, SceOsmOfficesMapComponent, SceOverviewStatCardComponent, SceOverviewStatSparklineComponent, ScePackageFeatureCard, ScePageErrorComponent, ScePageHeaderComponent, ScePaginatorComponent, ScePaginatorDemoComponent, ScePasswordFieldComponent, ScePendingUpdateBannerComponent, ScePhoneNumberComponent, ScePieChartComponent, ScePlatformSettingsFieldsComponent, SceProfileHeroComponent, SceProfileHeroSkeletonComponent, SceProfileInfoSectionComponent, SceProfilePhotoEditDialogComponent, SceProfilePhotoSectionComponent, SceProgressBar, SceProgressCardComponent, ScePublicLegalProseComponent, SceQuickFilterBarComponent, SceRadioButtonComponent, SceRadioGroup, SceRadioGroupOption, SceRadioOptionCard, SceRangeBar, SceRegisterLayoutComponent, SceRelatedCardsListComponent, SceRequestCardSkeletonComponent, SceRequestDetailsCardComponent, SceRequestHeaderComponent, SceResourcesListComponent, SceResultStateComponent, SceReviewFieldTablePanelComponent, SceRingChartComponent, SceRingLoaderComponent, SceRowActionIconComponent, SceSaveFilterPopupComponent, SceScaleIndicatorComponent, SceScrollToTopButtonComponent, SceSearchableUsersListComponent, SceSelectFieldComponent, SceSelectableListWithSearchComponent, SceSelectionButton, SceServiceCardComponent, SceServiceCardStartButtonComponent, SceServiceDetailSkeletonComponent, SceServiceMiniCardComponent, SceServiceMiniCardSkeletonComponent, SceServicesTopFiltersComponent, SceSettingsLayoutComponent, SceSidebarComponent, SceSkeleton, SceSpinner, SceStackedDistributionChartComponent, SceStamp, SceStarRatingInputComponent, SceStatCardSkeletonComponent, SceStatGaugeComponent, SceStatRingComponent, SceStatsAnalyticsCardComponent, SceStatusPageComponent, SceStoreLocationsComponent, SceSummaryCardComponent, SceSupportContactCard, SceSupportThreadComponent, SceSwitchComponent, SceTabPanel, SceTableSkeletonComponent, SceTagComponent, SceTextFieldComponent, SceTextareaFieldComponent, SceThemeSwitcherComponent, SceThemeToggleButtonComponent, SceTimelineComponent, SceTooltip, SceUnitInputComponent, SceUnitInputFieldComponent, SceUserDropdownPickerComponent, SceUserVerifySectionPanelComponent, SceVerticalStepperComponent, SceVideoPlayerComponent, Stepper, Tabs, TabsInkbarRtlDirective, addHijriMonths, buildCalendarGrid, buildDynamicFormGroup, buildFieldValidators, detectFileType, getHijriYmdFromDate, isDataUri, mimeFromDataUri, parseValueToDate, resolveBusinessStatusPresentation, resolveBusinessStatusTone, scheduleLeafletResize, toBusinessStatusTableCell, toGregorianValue, toHijriValue };
+export { Alert, Breadcrumb, Card, ColumnsEnum, DYNAMIC_MULTI_TYPES, DYNAMIC_NATIVE_TYPES, DashboardPageHeaderComponent, FileType, FormInput, LocalizedValuePipe, OtpInput, Popup, PopupModalBase, RESULT_STATE_ACTION_META, RESULT_STATE_PRESETS, SCE_MIRROR_LABEL_AS_PLACEHOLDER, SceAccordionComponent, SceAccountSwitcherComponent, SceAccountUserAssignDialogComponent, SceAccountUserDetailHeaderComponent, SceAccountUserEditDialogComponent, SceAccountUserPermissionsSectionComponent, SceAccountUserPersonalSectionComponent, SceAccountUserVerifyDialogComponent, SceAccountUsersTabsBarComponent, SceActionDialogComponent, SceApiErrorStateComponent, SceAreaChartComponent, SceArticleDetailComponent, SceArticleLayoutComponent, SceArticlePageComponent, SceArticleSidebarComponent, SceArticleTagsListComponent, SceAsyncPageGateComponent, SceAttachmentsListComponent, SceAuthLayoutComponent, SceBarChartComponent, SceBasicCardComponent, SceBidiIsolate, SceBrandLoaderComponent, SceBulletListComponent, SceBusinessStatusTagComponent, SceButton, SceButtonWithSelectionCount, SceCaptchaInput, SceCardRadioGroupComponent, SceCardsListPageComponent, SceCardsStatisticsComponent, SceCategoryTile, SceChartLegendComponent, SceCheckItem, SceCheckbox, SceChoiceCard, SceCircularProgress, SceConfirmDialogComponent, SceConfirmDialogDemoComponent, SceContactFormPanelComponent, SceContactInfoPanelComponent, SceContentBlockComponent, SceContractQrCodeComponent, SceContractRequestCardComponent, SceCopyButtonComponent, SceCopyRight, SceCriteriaSectionComponent, SceCurrencyInputComponent, SceCustomColsDirective, SceDashboardAccountRoleIconComponent, SceDashboardFeatureComingSoonComponent, SceDashboardLayoutComponent, SceDashboardTableFiltersComponent, SceDataRequestComparisonTableComponent, SceDataRequestCurrentSummaryComponent, SceDataRequestHeaderCardComponent, SceDataRequestMediaComparisonComponent, SceDataRequestProjectChangesComponent, SceDataRequestRejectionPanelComponent, SceDateFieldComponent, SceDatePickerModalComponent, SceDetailHeaderComponent, SceDialogShellComponent, SceDialogShellDemoComponent, SceDivider, SceDonutChartComponent, SceDynamicFormComponent, SceEmptyStateComponent, SceEngineeringOfficeCardComponent, SceEngineeringOfficeCardSkeletonComponent, SceEngineeringOfficeVerificationBadgeComponent, SceEntityInfoCardComponent, SceEntityProfileEditFormComponent, SceEntitySummaryCardComponent, SceEntityTypeCard, SceExportPdfButton, SceExportPdfContainerComponent, SceFaqItemCard, SceFeaturedOfficeCardComponent, SceFeaturedOfficeCardSkeletonComponent, SceFeedbackSectionComponent, SceFieldComponent, SceFileUploadZoneComponent, SceFileUploadZoneDemoComponent, SceFileViewerComponent, SceFileViewerDirective, SceFileViewerService, SceFilterCalendarComponent, SceFilterCalendarRangeComponent, SceFilterDropdownComponent, SceFilterFieldIconComponent, SceFilterFormComponent, SceFormCheckboxRadio, SceFormDialogComponent, SceFormDialogSectionComponent, SceFormError, SceFormFieldsSkeletonComponent, SceFormHint, SceFormLabel, SceFormPageLayoutComponent, SceFormRichTextComponent, SceGaugeChartComponent, SceGearsLoaderComponent, SceGenericTableComponent, SceGenericTableDemoComponent, SceGeoLocationFieldComponent, SceGlobalLoadingBarComponent, SceGoogleMapsLocationPickerComponent, SceGridExpansionDirective, SceGridTableComponent, SceGuidedTourComponent, SceHorizontalBarChartComponent, SceHorizontalWizardStepperComponent, SceIcon, SceIconCard, SceImageGallerySwapperComponent, SceImagePickerComponent, SceInfoFieldCardComponent, SceInfoFieldsGridComponent, SceInfoFieldsSkeletonComponent, SceInfoRowComponent, SceInlineApiErrorComponent, SceInquiryRequestCardComponent, SceInternalUserFormFieldsComponent, SceInternalUserPermissionsSectionComponent, SceInternalUserVerifySectionComponent, SceKnowledgeCenterCategoryGridComponent, SceLandingHeroHeaderComponent, SceLandingMobileMenuComponent, SceLandingNavComponent, SceLangToggleComponent, SceLatestContractsTableComponent, SceLibraryAccessDeniedComponent, SceLineChartComponent, SceListPageLayoutComponent, SceLocationPickerDialogComponent, SceLoginAccountSelectStepComponent, SceLoginCompleteDataStepComponent, SceLoginCredentialsStepComponent, SceLoginErrorStepComponent, SceLoginOtpStepComponent, SceLoginUserTypeStepComponent, SceLogoutModalComponent, SceModalHostComponent, SceMultiSegmentBarChartComponent, SceMultiSegmentGaugeComponent, SceMultiSelectFieldComponent, SceNavCard, SceNavCardsListComponent, SceNewsletterSubscriptionDialogComponent, SceNotificationListComponent, SceNotificationListSkeletonComponent, SceNotificationTypeBadgeComponent, SceOfficeBrandLogoComponent, SceOfficeDetailHeroBodyComponent, SceOfficeDetailLoadingStateComponent, SceOfficeDetailNotFoundComponent, SceOfficeDetailOverviewPanelComponent, SceOfficeDetailProjectsPanelComponent, SceOfficeDetailReviewsPanelComponent, SceOfficeDetailTabsBarComponent, SceOfficeDetailsSkeletonComponent, SceOfficeLocationMapComponent, SceOfficeMetricCardComponent, SceOfficeMetricCardsRowComponent, SceOfficeProfileContactTabComponent, SceOfficeProfileEditBioSectionComponent, SceOfficeProfileEditContactSectionComponent, SceOfficeProfileEditMediaSectionComponent, SceOfficeProfileEditOfficialSectionComponent, SceOfficeProfileEditProjectsSectionComponent, SceOfficeProfileHeroComponent, SceOfficeProfileOfficialTabComponent, SceOfficeProfileOverviewTabComponent, SceOfficeProfileProjectDeleteDialogComponent, SceOfficeProfileProjectEditorDialogComponent, SceOfficeProfileProjectsTabComponent, SceOfficeProfileStatsRowComponent, SceOfficeProfileSubmitResultComponent, SceOfficeProjectGalleryComponent, SceOfficeProjectsSkeletonComponent, SceOfficesFiltersSidebarComponent, SceOfficesGridPanelComponent, SceOfficesMapPanelComponent, SceOfficesViewToggleComponent, SceOfflineBannerComponent, SceOptionGroup, SceOsmLeafletMapComponent, SceOsmLocationPickerComponent, SceOsmOfficesMapComponent, SceOverviewStatCardComponent, SceOverviewStatSparklineComponent, ScePackageFeatureCard, ScePageErrorComponent, ScePageHeaderComponent, ScePaginatorComponent, ScePaginatorDemoComponent, ScePasswordFieldComponent, ScePendingUpdateBannerComponent, ScePhoneNumberComponent, ScePieChartComponent, ScePlatformSettingsFieldsComponent, SceProfileHeroComponent, SceProfileHeroSkeletonComponent, SceProfileInfoSectionComponent, SceProfilePhotoEditDialogComponent, SceProfilePhotoSectionComponent, SceProgressBar, SceProgressCardComponent, ScePublicLegalProseComponent, SceQuickFilterBarComponent, SceRadioButtonComponent, SceRadioGroup, SceRadioGroupOption, SceRadioOptionCard, SceRangeBar, SceRegisterLayoutComponent, SceRelatedCardsListComponent, SceRequestCardSkeletonComponent, SceRequestDetailsCardComponent, SceRequestHeaderComponent, SceResourcesListComponent, SceResultStateComponent, SceReviewFieldTablePanelComponent, SceRingChartComponent, SceRingLoaderComponent, SceRowActionIconComponent, SceSaveFilterPopupComponent, SceScaleIndicatorComponent, SceScrollToTopButtonComponent, SceSearchableUsersListComponent, SceSelectFieldComponent, SceSelectableListWithSearchComponent, SceSelectionButton, SceServiceCardComponent, SceServiceCardStartButtonComponent, SceServiceDetailSkeletonComponent, SceServiceMiniCardComponent, SceServiceMiniCardSkeletonComponent, SceServicesTopFiltersComponent, SceSettingsLayoutComponent, SceSidebarComponent, SceSkeleton, SceSpinner, SceStackedDistributionChartComponent, SceStamp, SceStarRatingInputComponent, SceStatCardSkeletonComponent, SceStatGaugeComponent, SceStatRingComponent, SceStatsAnalyticsCardComponent, SceStatusPageComponent, SceStoreLocationsComponent, SceSummaryCardComponent, SceSupportContactCard, SceSupportThreadComponent, SceSwitchComponent, SceTabPanel, SceTableSkeletonComponent, SceTagComponent, SceTextFieldComponent, SceTextareaFieldComponent, SceThemeSwitcherComponent, SceThemeToggleButtonComponent, SceTimelineComponent, SceTooltip, SceUnitInputComponent, SceUnitInputFieldComponent, SceUserDropdownPickerComponent, SceUserVerifySectionPanelComponent, SceVerticalStepperComponent, SceVideoPlayerComponent, Stepper, Tabs, TabsInkbarRtlDirective, addHijriMonths, buildCalendarGrid, buildDynamicFormGroup, buildFieldValidators, detectFileType, getHijriYmdFromDate, isDataUri, mimeFromDataUri, parseValueToDate, resolveBusinessStatusPresentation, resolveBusinessStatusTone, scheduleLeafletResize, toBusinessStatusTableCell, toGregorianValue, toHijriValue };
 //# sourceMappingURL=moatamed-sce-ui-components.mjs.map