@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-emoji-picker.mjs

@@ -0,0 +1,249 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, LOCALE_ID, input, output, signal, Component, ElementRef, ViewContainerRef, Injector, DestroyRef, Directive } from '@angular/core';
+import { SkeletonComponent, SkeletonLineComponent, SkeletonBlockComponent } from '@elementar-rt/components/skeleton';
+import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
+import { Directionality } from '@angular/cdk/bidi';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { _getEventTarget } from '@angular/cdk/platform';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { PositionManager } from '@elementar-rt/components/overlay';
+
+const EMOJI_PICKER_TRIGGER_FOR = new InjectionToken('EMOJI_PICKER_TRIGGER_FOR');
+
+const loadedEmoji = new Map();
+const loadGroups = (language) => {
+    const imports = {
+        en: import('emojibase-data/en/messages.json'),
+        bn: import('emojibase-data/bn/messages.json'),
+        da: import('emojibase-data/da/messages.json'),
+        de: import('emojibase-data/de/messages.json'),
+        es: import('emojibase-data/es/messages.json'),
+        et: import('emojibase-data/et/messages.json'),
+        fi: import('emojibase-data/fi/messages.json'),
+        fr: import('emojibase-data/fr/messages.json'),
+        hi: import('emojibase-data/hi/messages.json'),
+        hu: import('emojibase-data/hu/messages.json'),
+        it: import('emojibase-data/it/messages.json'),
+        ja: import('emojibase-data/ja/messages.json'),
+        ko: import('emojibase-data/ko/messages.json'),
+        lt: import('emojibase-data/lt/messages.json'),
+        ms: import('emojibase-data/ms/messages.json'),
+        nb: import('emojibase-data/nb/messages.json'),
+        nl: import('emojibase-data/nl/messages.json'),
+        pl: import('emojibase-data/pl/messages.json'),
+        pt: import('emojibase-data/pt/messages.json'),
+        ru: import('emojibase-data/ru/messages.json'),
+        sv: import('emojibase-data/sv/messages.json'),
+        th: import('emojibase-data/th/messages.json'),
+        uk: import('emojibase-data/uk/messages.json'),
+        vi: import('emojibase-data/vi/messages.json'),
+        zh: import('emojibase-data/zh/messages.json'),
+    };
+    if (imports[language]) {
+        return imports[language];
+    }
+    return imports['en'];
+};
+const loadData = (language) => {
+    const imports = {
+        en: import('emojibase-data/en/data.json').then(m => m.default),
+        bn: import('emojibase-data/bn/data.json').then(m => m.default),
+        da: import('emojibase-data/da/data.json').then(m => m.default),
+        de: import('emojibase-data/de/data.json').then(m => m.default),
+        es: import('emojibase-data/es/data.json').then(m => m.default),
+        et: import('emojibase-data/et/data.json').then(m => m.default),
+        fi: import('emojibase-data/fi/data.json').then(m => m.default),
+        fr: import('emojibase-data/fr/data.json').then(m => m.default),
+        hi: import('emojibase-data/hi/data.json').then(m => m.default),
+        hu: import('emojibase-data/hu/data.json').then(m => m.default),
+        it: import('emojibase-data/it/data.json').then(m => m.default),
+        ja: import('emojibase-data/ja/data.json').then(m => m.default),
+        ko: import('emojibase-data/ko/data.json').then(m => m.default),
+        lt: import('emojibase-data/lt/data.json').then(m => m.default),
+        ms: import('emojibase-data/ms/data.json').then(m => m.default),
+        nb: import('emojibase-data/nb/data.json').then(m => m.default),
+        nl: import('emojibase-data/nl/data.json').then(m => m.default),
+        pl: import('emojibase-data/pl/data.json').then(m => m.default),
+        pt: import('emojibase-data/pt/data.json').then(m => m.default),
+        ru: import('emojibase-data/ru/data.json').then(m => m.default),
+        sv: import('emojibase-data/sv/data.json').then(m => m.default),
+        th: import('emojibase-data/th/data.json').then(m => m.default),
+        uk: import('emojibase-data/uk/data.json').then(m => m.default),
+        vi: import('emojibase-data/vi/data.json').then(m => m.default),
+        zh: import('emojibase-data/zh/data.json').then(m => m.default),
+    };
+    if (imports[language]) {
+        return imports[language];
+    }
+    return imports['en'];
+};
+class EmojiPickerComponent {
+    _trigger = inject(EMOJI_PICKER_TRIGGER_FOR, { optional: true });
+    _localeId = inject(LOCALE_ID);
+    language = input('', ...(ngDevMode ? [{ debugName: "language" }] : []));
+    selectEmojiLabel = input('Select an emoji...', ...(ngDevMode ? [{ debugName: "selectEmojiLabel" }] : []));
+    emojiSelected = output();
+    loaded = signal(false, ...(ngDevMode ? [{ debugName: "loaded" }] : []));
+    groups = signal([], ...(ngDevMode ? [{ debugName: "groups" }] : []));
+    _hoveredEmoji = signal(null, ...(ngDevMode ? [{ debugName: "_hoveredEmoji" }] : []));
+    _skeletonEmoji = signal(Array(42).fill(1).map((x, y) => x + y), ...(ngDevMode ? [{ debugName: "_skeletonEmoji" }] : []));
+    async ngOnInit() {
+        let language = this.language();
+        if (!language) {
+            language = this._localeId.split('-')[0];
+        }
+        if (loadedEmoji.has(language)) {
+            this.groups.set(loadedEmoji.get(language)?.groups);
+        }
+        else {
+            const groupsSubgroups = await loadGroups(language);
+            const data = await loadData(language);
+            const groups = [];
+            const groupKeyMap = new Map();
+            groupsSubgroups.groups.forEach((group, index) => {
+                if (group.key === 'component') {
+                    return;
+                }
+                groupKeyMap.set(group.key, index);
+            });
+            groupsSubgroups.groups.forEach((group) => {
+                if (group.key === 'component') {
+                    return;
+                }
+                const emoji = data.filter((emoji) => {
+                    if (emoji.emoji === '🫩') {
+                        return false;
+                    }
+                    return emoji.group === groupKeyMap.get(group.key);
+                });
+                groups.push({
+                    name: group.message,
+                    emoji
+                });
+            });
+            this.groups.set(groups);
+            loadedEmoji.set(this.language(), { groups });
+        }
+        this.loaded.set(true);
+    }
+    select(emoji) {
+        this.emojiSelected.emit(emoji.emoji);
+        if (this._trigger) {
+            this._trigger.api.close();
+        }
+    }
+    hoverEmoji(emoji) {
+        this._hoveredEmoji.set(emoji);
+    }
+    onMouseLeave() {
+        this._hoveredEmoji.set(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: EmojiPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: EmojiPickerComponent, isStandalone: true, selector: "emr-emoji-picker", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, selectEmojiLabel: { classPropertyName: "selectEmojiLabel", publicName: "selectEmojiLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { emojiSelected: "emojiSelected" }, host: { classAttribute: "emr-emoji-picker" }, exportAs: ["emrEmojiPicker"], ngImport: i0, template: "@if (loaded()) {\r\n  <dl class=\"list\" (mouseleave)=\"onMouseLeave()\">\r\n    @for (group of groups(); track group) {\r\n      <dt class=\"px-2\">{{ group.name }}</dt>\r\n      <dd>\r\n        <div class=\"emoji-container\">\r\n          @for (emoji of group.emoji; track emoji) {\r\n            <button class=\"button\"\r\n                    (click)=\"select(emoji)\"\r\n                    (mouseover)=\"hoverEmoji(emoji)\">\r\n              {{ emoji.emoji }}\r\n            </button>\r\n          }\r\n        </div>\r\n      </dd>\r\n    }\r\n  </dl>\r\n  <div class=\"hovered-emoji\">\r\n    @if (_hoveredEmoji()) {\r\n      <span class=\"emoji-preview\">{{ _hoveredEmoji().emoji }}</span>\r\n      <span class=\"emoji-label\">{{ _hoveredEmoji().label }}</span>\r\n    } @else {\r\n      <span class=\"select-message\">{{ selectEmojiLabel() }}</span>\r\n    }\r\n  </div>\r\n} @else {\r\n  <div class=\"list\">\r\n    <emr-skeleton>\r\n      <emr-skeleton-line class=\"skeleton-heading\"/>\r\n      <div class=\"skeleton-list\">\r\n        @for (block of _skeletonEmoji(); track block) {\r\n          <emr-skeleton-block class=\"size-8 rounded-sm\"/>\r\n        }\r\n      </div>\r\n    </emr-skeleton>\r\n  </div>\r\n  <div class=\"hovered-emoji\">\r\n    <emr-skeleton>\r\n      <emr-skeleton-line class=\"h-4\"/>\r\n    </emr-skeleton>\r\n  </div>\r\n}\r\n", styles: [":host{--emr-emoji-picker-border: none;--emr-emoji-picker-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-emoji-picker-border-radius: .75rem;--emr-emoji-picker-bg: white;--emr-emoji-picker-margin: calc(var(--spacing, .25rem) * 2.5);display:block;width:312px;background:var(--color-surface-container);border-radius:var(--emr-emoji-picker-border-radius);border:var(--emr-emoji-picker-border);box-shadow:var(--emr-emoji-picker-shadow);animation:.15s emr-emoji-picker-animation;margin:var(--emr-emoji-picker-margin) 0}:host emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-high);--emr-skeleton-to-bg: var(--color-surface-container-highest)}:host .list{padding:calc(var(--spacing, .25rem) * 0) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2);height:300px;overflow-x:hidden;overflow-y:auto}:host .hovered-emoji{height:calc(var(--spacing, .25rem) * 11);display:flex;padding:0 calc(var(--spacing, .25rem) * 4);align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-top:1px solid var(--color-border)}:host .emoji-preview{font-size:1.25rem}:host .emoji-label,:host .select-message{font-size:.75rem}:host .select-message{color:var(--color-neutral-500)}:host dt{position:sticky;top:0;left:0;right:0;height:calc(var(--spacing, .25rem) * 10);display:flex;align-items:center;font-weight:600;font-size:.875rem;background:var(--color-surface-container)}:host .skeleton-list,:host .emoji-container{display:flex;flex-wrap:wrap}:host .skeleton-list{align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}:host .button{display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);flex:none;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:host .button:hover{background:var(--color-surface-container-highest)}:host .skeleton-heading{margin-top:calc(var(--spacing, .25rem) * 3)}:host .skeleton-button{flex:none}@keyframes emr-emoji-picker-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(html.dark) emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-low);--emr-skeleton-to-bg: var(--color-surface-container-lowest)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: SkeletonComponent, selector: "emr-skeleton", inputs: ["direction"], exportAs: ["emrSkeleton"] }, { kind: "component", type: SkeletonLineComponent, selector: "emr-skeleton-line", exportAs: ["emrSkeletonLine"] }, { kind: "component", type: SkeletonBlockComponent, selector: "emr-skeleton-block", exportAs: ["emrSkeletonBlock"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: EmojiPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-emoji-picker', exportAs: 'emrEmojiPicker', imports: [
+                        SkeletonComponent,
+                        SkeletonLineComponent,
+                        SkeletonBlockComponent
+                    ], host: {
+                        'class': 'emr-emoji-picker',
+                    }, template: "@if (loaded()) {\r\n  <dl class=\"list\" (mouseleave)=\"onMouseLeave()\">\r\n    @for (group of groups(); track group) {\r\n      <dt class=\"px-2\">{{ group.name }}</dt>\r\n      <dd>\r\n        <div class=\"emoji-container\">\r\n          @for (emoji of group.emoji; track emoji) {\r\n            <button class=\"button\"\r\n                    (click)=\"select(emoji)\"\r\n                    (mouseover)=\"hoverEmoji(emoji)\">\r\n              {{ emoji.emoji }}\r\n            </button>\r\n          }\r\n        </div>\r\n      </dd>\r\n    }\r\n  </dl>\r\n  <div class=\"hovered-emoji\">\r\n    @if (_hoveredEmoji()) {\r\n      <span class=\"emoji-preview\">{{ _hoveredEmoji().emoji }}</span>\r\n      <span class=\"emoji-label\">{{ _hoveredEmoji().label }}</span>\r\n    } @else {\r\n      <span class=\"select-message\">{{ selectEmojiLabel() }}</span>\r\n    }\r\n  </div>\r\n} @else {\r\n  <div class=\"list\">\r\n    <emr-skeleton>\r\n      <emr-skeleton-line class=\"skeleton-heading\"/>\r\n      <div class=\"skeleton-list\">\r\n        @for (block of _skeletonEmoji(); track block) {\r\n          <emr-skeleton-block class=\"size-8 rounded-sm\"/>\r\n        }\r\n      </div>\r\n    </emr-skeleton>\r\n  </div>\r\n  <div class=\"hovered-emoji\">\r\n    <emr-skeleton>\r\n      <emr-skeleton-line class=\"h-4\"/>\r\n    </emr-skeleton>\r\n  </div>\r\n}\r\n", styles: [":host{--emr-emoji-picker-border: none;--emr-emoji-picker-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-emoji-picker-border-radius: .75rem;--emr-emoji-picker-bg: white;--emr-emoji-picker-margin: calc(var(--spacing, .25rem) * 2.5);display:block;width:312px;background:var(--color-surface-container);border-radius:var(--emr-emoji-picker-border-radius);border:var(--emr-emoji-picker-border);box-shadow:var(--emr-emoji-picker-shadow);animation:.15s emr-emoji-picker-animation;margin:var(--emr-emoji-picker-margin) 0}:host emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-high);--emr-skeleton-to-bg: var(--color-surface-container-highest)}:host .list{padding:calc(var(--spacing, .25rem) * 0) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2);height:300px;overflow-x:hidden;overflow-y:auto}:host .hovered-emoji{height:calc(var(--spacing, .25rem) * 11);display:flex;padding:0 calc(var(--spacing, .25rem) * 4);align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-top:1px solid var(--color-border)}:host .emoji-preview{font-size:1.25rem}:host .emoji-label,:host .select-message{font-size:.75rem}:host .select-message{color:var(--color-neutral-500)}:host dt{position:sticky;top:0;left:0;right:0;height:calc(var(--spacing, .25rem) * 10);display:flex;align-items:center;font-weight:600;font-size:.875rem;background:var(--color-surface-container)}:host .skeleton-list,:host .emoji-container{display:flex;flex-wrap:wrap}:host .skeleton-list{align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}:host .button{display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);flex:none;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:host .button:hover{background:var(--color-surface-container-highest)}:host .skeleton-heading{margin-top:calc(var(--spacing, .25rem) * 3)}:host .skeleton-button{flex:none}@keyframes emr-emoji-picker-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(html.dark) emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-low);--emr-skeleton-to-bg: var(--color-surface-container-lowest)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], selectEmojiLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectEmojiLabel", required: false }] }], emojiSelected: [{ type: i0.Output, args: ["emojiSelected"] }] } });
+
+class EmojiPickerTriggerForDirective {
+    _overlay = inject(Overlay);
+    _elementRef = inject(ElementRef);
+    _directionality = inject(Directionality, { optional: true });
+    _viewContainerRef = inject(ViewContainerRef);
+    _injector = inject(Injector);
+    _overlayRef = null;
+    _destroyRef = inject(DestroyRef);
+    for = input.required(...(ngDevMode ? [{ debugName: "for", alias: 'emrEmojiPickerTriggerFor' }] : [{
+            alias: 'emrEmojiPickerTriggerFor'
+        }]));
+    position = input('below-start', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    opened = output();
+    closed = output();
+    get api() {
+        return {
+            close: () => this._close()
+        };
+    }
+    _onClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.opened.emit();
+        this._overlayRef = this._overlay.create(this._getOverlayConfig());
+        this._overlayRef.attach(this._getPopoverContentPortal());
+        this._subscribeToOutsideClicks();
+    }
+    _close() {
+        this.closed.emit();
+        this._overlayRef?.detach();
+    }
+    _subscribeToOutsideClicks() {
+        if (this._overlayRef) {
+            this._overlayRef
+                .outsidePointerEvents()
+                .pipe(takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                const target = _getEventTarget(event);
+                const element = this._elementRef.nativeElement;
+                if (target !== element && !element.contains(target)) {
+                    this._close();
+                }
+            });
+        }
+    }
+    _getPopoverContentPortal() {
+        const injector = Injector.create({
+            providers: [
+                {
+                    provide: EMOJI_PICKER_TRIGGER_FOR,
+                    useValue: this,
+                }
+            ],
+            parent: this._injector
+        });
+        return new TemplatePortal(this.for(), this._viewContainerRef, null, injector);
+    }
+    _getOverlayConfig() {
+        return new OverlayConfig({
+            positionStrategy: this._getOverlayPositionStrategy(),
+            scrollStrategy: this._overlay.scrollStrategies.reposition(),
+            direction: this._directionality || undefined
+        });
+    }
+    _getOverlayPositionStrategy() {
+        return this._overlay
+            .position()
+            .flexibleConnectedTo(this._elementRef)
+            .setOrigin(this._elementRef)
+            .withGrowAfterOpen()
+            .withPositions(this._getOverlayPositions());
+    }
+    _getOverlayPositions() {
+        return (new PositionManager()).build(this.position());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: EmojiPickerTriggerForDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: EmojiPickerTriggerForDirective, isStandalone: true, selector: "[emrEmojiPickerTriggerFor]", inputs: { for: { classPropertyName: "for", publicName: "emrEmojiPickerTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "_onClick($event)" } }, exportAs: ["emrEmojiPickerTriggerFor"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: EmojiPickerTriggerForDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrEmojiPickerTriggerFor]',
+                    exportAs: 'emrEmojiPickerTriggerFor',
+                    host: {
+                        '(click)': '_onClick($event)'
+                    }
+                }]
+        }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "emrEmojiPickerTriggerFor", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EmojiPickerComponent, EmojiPickerTriggerForDirective };
+//# sourceMappingURL=elementar-rt-components-emoji-picker.mjs.map

package/fesm2022/elementar-rt-components-emoji-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-emoji-picker.mjs","sources":["../../../projects/components/emoji-picker/src/types.ts","../../../projects/components/emoji-picker/src/emoji-picker/emoji-picker.component.ts","../../../projects/components/emoji-picker/src/emoji-picker/emoji-picker.component.html","../../../projects/components/emoji-picker/src/emoji-picker-trigger-for.directive.ts","../../../projects/components/emoji-picker/elementar-rt-components-emoji-picker.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const EMOJI_PICKER_TRIGGER_FOR = new InjectionToken('EMOJI_PICKER_TRIGGER_FOR');\r\n","import { Component, inject, input, LOCALE_ID, OnInit, output, signal } from '@angular/core';\r\nimport { EMOJI_PICKER_TRIGGER_FOR } from '../types';\r\nimport { SkeletonBlockComponent, SkeletonComponent, SkeletonLineComponent } from '@elementar-rt/components/skeleton';\r\n\r\nconst loadedEmoji = new Map<string, { groups: any[] }>();\r\nconst loadGroups = (language: string) => {\r\n  const imports: any = {\r\n    en: import('emojibase-data/en/messages.json'),\r\n    bn: import('emojibase-data/bn/messages.json'),\r\n    da: import('emojibase-data/da/messages.json'),\r\n    de: import('emojibase-data/de/messages.json'),\r\n    es: import('emojibase-data/es/messages.json'),\r\n    et: import('emojibase-data/et/messages.json'),\r\n    fi: import('emojibase-data/fi/messages.json'),\r\n    fr: import('emojibase-data/fr/messages.json'),\r\n    hi: import('emojibase-data/hi/messages.json'),\r\n    hu: import('emojibase-data/hu/messages.json'),\r\n    it: import('emojibase-data/it/messages.json'),\r\n    ja: import('emojibase-data/ja/messages.json'),\r\n    ko: import('emojibase-data/ko/messages.json'),\r\n    lt: import('emojibase-data/lt/messages.json'),\r\n    ms: import('emojibase-data/ms/messages.json'),\r\n    nb: import('emojibase-data/nb/messages.json'),\r\n    nl: import('emojibase-data/nl/messages.json'),\r\n    pl: import('emojibase-data/pl/messages.json'),\r\n    pt: import('emojibase-data/pt/messages.json'),\r\n    ru: import('emojibase-data/ru/messages.json'),\r\n    sv: import('emojibase-data/sv/messages.json'),\r\n    th: import('emojibase-data/th/messages.json'),\r\n    uk: import('emojibase-data/uk/messages.json'),\r\n    vi: import('emojibase-data/vi/messages.json'),\r\n    zh: import('emojibase-data/zh/messages.json'),\r\n  };\r\n\r\n  if (imports[language]) {\r\n    return imports[language];\r\n  }\r\n\r\n  return imports['en'];\r\n}\r\n\r\nconst loadData = (language: string) => {\r\n  const imports: any = {\r\n    en: import('emojibase-data/en/data.json').then(m => m.default),\r\n    bn: import('emojibase-data/bn/data.json').then(m => m.default),\r\n    da: import('emojibase-data/da/data.json').then(m => m.default),\r\n    de: import('emojibase-data/de/data.json').then(m => m.default),\r\n    es: import('emojibase-data/es/data.json').then(m => m.default),\r\n    et: import('emojibase-data/et/data.json').then(m => m.default),\r\n    fi: import('emojibase-data/fi/data.json').then(m => m.default),\r\n    fr: import('emojibase-data/fr/data.json').then(m => m.default),\r\n    hi: import('emojibase-data/hi/data.json').then(m => m.default),\r\n    hu: import('emojibase-data/hu/data.json').then(m => m.default),\r\n    it: import('emojibase-data/it/data.json').then(m => m.default),\r\n    ja: import('emojibase-data/ja/data.json').then(m => m.default),\r\n    ko: import('emojibase-data/ko/data.json').then(m => m.default),\r\n    lt: import('emojibase-data/lt/data.json').then(m => m.default),\r\n    ms: import('emojibase-data/ms/data.json').then(m => m.default),\r\n    nb: import('emojibase-data/nb/data.json').then(m => m.default),\r\n    nl: import('emojibase-data/nl/data.json').then(m => m.default),\r\n    pl: import('emojibase-data/pl/data.json').then(m => m.default),\r\n    pt: import('emojibase-data/pt/data.json').then(m => m.default),\r\n    ru: import('emojibase-data/ru/data.json').then(m => m.default),\r\n    sv: import('emojibase-data/sv/data.json').then(m => m.default),\r\n    th: import('emojibase-data/th/data.json').then(m => m.default),\r\n    uk: import('emojibase-data/uk/data.json').then(m => m.default),\r\n    vi: import('emojibase-data/vi/data.json').then(m => m.default),\r\n    zh: import('emojibase-data/zh/data.json').then(m => m.default),\r\n  };\r\n\r\n  if (imports[language]) {\r\n    return imports[language];\r\n  }\r\n\r\n  return imports['en'];\r\n}\r\n\r\n@Component({\r\n  selector: 'emr-emoji-picker',\r\n  exportAs: 'emrEmojiPicker',\r\n  templateUrl: './emoji-picker.component.html',\r\n  styleUrl: './emoji-picker.component.scss',\r\n  imports: [\r\n    SkeletonComponent,\r\n    SkeletonLineComponent,\r\n    SkeletonBlockComponent\r\n  ],\r\n  host: {\r\n    'class': 'emr-emoji-picker',\r\n  }\r\n})\r\nexport class EmojiPickerComponent implements OnInit {\r\n  private _trigger = inject<any>(EMOJI_PICKER_TRIGGER_FOR, { optional: true });\r\n  private _localeId = inject(LOCALE_ID);\r\n\r\n  language = input('');\r\n  selectEmojiLabel = input('Select an emoji...');\r\n\r\n  readonly emojiSelected = output<string>();\r\n\r\n  protected loaded = signal(false);\r\n  protected groups = signal<any[]>([]);\r\n  protected _hoveredEmoji = signal<any>(null);\r\n  protected _skeletonEmoji = signal(Array(42).fill(1).map((x, y) => x + y));\r\n\r\n  async ngOnInit() {\r\n    let language: string = this.language();\r\n\r\n    if (!language) {\r\n      language = this._localeId.split('-')[0];\r\n    }\r\n\r\n    if (loadedEmoji.has(language)) {\r\n      this.groups.set(loadedEmoji.get(language)?.groups as any);\r\n    } else {\r\n      const groupsSubgroups = await loadGroups(language);\r\n      const data = await loadData(language);\r\n      const groups: any[] = [];\r\n      const groupKeyMap = new Map<string, number>();\r\n      groupsSubgroups.groups.forEach((group: any, index: number ) => {\r\n        if (group.key === 'component') {\r\n          return;\r\n        }\r\n\r\n        groupKeyMap.set(group.key, index);\r\n      });\r\n      groupsSubgroups.groups.forEach((group: any) => {\r\n        if (group.key === 'component') {\r\n          return;\r\n        }\r\n\r\n        const emoji: any[] = data.filter((emoji: any) => {\r\n          if (emoji.emoji === '🫩') {\r\n            return false;\r\n          }\r\n\r\n          return emoji.group === groupKeyMap.get(group.key);\r\n        });\r\n        groups.push({\r\n          name: group.message,\r\n          emoji\r\n        });\r\n      });\r\n      this.groups.set(groups);\r\n      loadedEmoji.set(this.language(), { groups });\r\n    }\r\n\r\n    this.loaded.set(true);\r\n  }\r\n\r\n  select(emoji: any) {\r\n    this.emojiSelected.emit(emoji.emoji);\r\n\r\n    if (this._trigger) {\r\n      this._trigger.api.close();\r\n    }\r\n  }\r\n\r\n  hoverEmoji(emoji: any) {\r\n    this._hoveredEmoji.set(emoji);\r\n  }\r\n\r\n  onMouseLeave() {\r\n    this._hoveredEmoji.set(null);\r\n  }\r\n}\r\n","@if (loaded()) {\r\n  <dl class=\"list\" (mouseleave)=\"onMouseLeave()\">\r\n    @for (group of groups(); track group) {\r\n      <dt class=\"px-2\">{{ group.name }}</dt>\r\n      <dd>\r\n        <div class=\"emoji-container\">\r\n          @for (emoji of group.emoji; track emoji) {\r\n            <button class=\"button\"\r\n                    (click)=\"select(emoji)\"\r\n                    (mouseover)=\"hoverEmoji(emoji)\">\r\n              {{ emoji.emoji }}\r\n            </button>\r\n          }\r\n        </div>\r\n      </dd>\r\n    }\r\n  </dl>\r\n  <div class=\"hovered-emoji\">\r\n    @if (_hoveredEmoji()) {\r\n      <span class=\"emoji-preview\">{{ _hoveredEmoji().emoji }}</span>\r\n      <span class=\"emoji-label\">{{ _hoveredEmoji().label }}</span>\r\n    } @else {\r\n      <span class=\"select-message\">{{ selectEmojiLabel() }}</span>\r\n    }\r\n  </div>\r\n} @else {\r\n  <div class=\"list\">\r\n    <emr-skeleton>\r\n      <emr-skeleton-line class=\"skeleton-heading\"/>\r\n      <div class=\"skeleton-list\">\r\n        @for (block of _skeletonEmoji(); track block) {\r\n          <emr-skeleton-block class=\"size-8 rounded-sm\"/>\r\n        }\r\n      </div>\r\n    </emr-skeleton>\r\n  </div>\r\n  <div class=\"hovered-emoji\">\r\n    <emr-skeleton>\r\n      <emr-skeleton-line class=\"h-4\"/>\r\n    </emr-skeleton>\r\n  </div>\r\n}\r\n","import {\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef, forwardRef,\r\n  inject,\r\n  Injector,\r\n  input,\r\n  output,\r\n  TemplateRef,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { PopoverPosition } from '@elementar-rt/components/popover';\r\nimport {\r\n  ConnectedPosition,\r\n  FlexibleConnectedPositionStrategy,\r\n  Overlay,\r\n  OverlayConfig,\r\n  OverlayRef\r\n} from '@angular/cdk/overlay';\r\nimport { Directionality } from '@angular/cdk/bidi';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { _getEventTarget } from '@angular/cdk/platform';\r\nimport { TemplatePortal } from '@angular/cdk/portal';\r\nimport { PositionManager } from '@elementar-rt/components/overlay';\r\nimport { EMOJI_PICKER_TRIGGER_FOR } from './types';\r\n\r\n@Directive({\r\n  selector: '[emrEmojiPickerTriggerFor]',\r\n  exportAs: 'emrEmojiPickerTriggerFor',\r\n  host: {\r\n    '(click)': '_onClick($event)'\r\n  }\r\n})\r\nexport class EmojiPickerTriggerForDirective {\r\n  private _overlay = inject(Overlay);\r\n  private _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\r\n  private _directionality = inject(Directionality, { optional: true });\r\n  private _viewContainerRef = inject(ViewContainerRef);\r\n  private _injector = inject(Injector);\r\n  private _overlayRef: OverlayRef | null = null;\r\n  private _destroyRef = inject(DestroyRef);\r\n\r\n  for = input.required<TemplateRef<any>>({\r\n    alias: 'emrEmojiPickerTriggerFor'\r\n  });\r\n\r\n  position = input<PopoverPosition>('below-start');\r\n\r\n  readonly opened = output<void>();\r\n  readonly closed = output<void>();\r\n\r\n  get api() {\r\n    return {\r\n      close: () => this._close()\r\n    }\r\n  }\r\n\r\n  protected _onClick(event: Event) {\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n\r\n    this.opened.emit();\r\n    this._overlayRef = this._overlay.create(this._getOverlayConfig());\r\n    this._overlayRef.attach(this._getPopoverContentPortal());\r\n    this._subscribeToOutsideClicks();\r\n  }\r\n\r\n  private _close() {\r\n    this.closed.emit();\r\n    this._overlayRef!?.detach();\r\n  }\r\n\r\n  private _subscribeToOutsideClicks() {\r\n    if (this._overlayRef) {\r\n      this._overlayRef\r\n        .outsidePointerEvents()\r\n        .pipe(takeUntilDestroyed(this._destroyRef))\r\n        .subscribe(event => {\r\n          const target = _getEventTarget(event) as Element;\r\n          const element = this._elementRef.nativeElement;\r\n\r\n          if (target !== element && !element.contains(target)) {\r\n            this._close();\r\n          }\r\n        })\r\n      ;\r\n    }\r\n  }\r\n\r\n  private _getPopoverContentPortal() {\r\n    const injector = Injector.create({\r\n      providers: [\r\n        {\r\n          provide: EMOJI_PICKER_TRIGGER_FOR,\r\n          useValue: this,\r\n        }\r\n      ],\r\n      parent: this._injector\r\n    });\r\n    return new TemplatePortal(\r\n      this.for(),\r\n      this._viewContainerRef,\r\n      null,\r\n      injector\r\n    );\r\n  }\r\n\r\n  private _getOverlayConfig() {\r\n    return new OverlayConfig({\r\n      positionStrategy: this._getOverlayPositionStrategy(),\r\n      scrollStrategy: this._overlay.scrollStrategies.reposition(),\r\n      direction: this._directionality || undefined\r\n    });\r\n  }\r\n\r\n  private _getOverlayPositionStrategy(): FlexibleConnectedPositionStrategy {\r\n    return this._overlay\r\n      .position()\r\n      .flexibleConnectedTo(this._elementRef)\r\n      .setOrigin(this._elementRef)\r\n      .withGrowAfterOpen()\r\n      .withPositions(this._getOverlayPositions())\r\n    ;\r\n  }\r\n\r\n  private _getOverlayPositions(): ConnectedPosition[] {\r\n    return (new PositionManager()).build(this.position());\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-expand.mjs

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, booleanAttribute, output, effect, Component } from '@angular/core';
+
+class ExpandComponent {
+    _elementRef = inject(ElementRef);
+    expanded = input(false, ...(ngDevMode ? [{ debugName: "expanded", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    expandLabel = input('Show more', ...(ngDevMode ? [{ debugName: "expandLabel" }] : []));
+    collapseLabel = input('Show less', ...(ngDevMode ? [{ debugName: "collapseLabel" }] : []));
+    showButtonIfExpanded = input(false, ...(ngDevMode ? [{ debugName: "showButtonIfExpanded", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    height = input('', ...(ngDevMode ? [{ debugName: "height" }] : []));
+    expandedChange = output();
+    _expanded = false;
+    constructor() {
+        effect(() => {
+            this._expanded = this.expanded();
+            this._elementRef.nativeElement.style.setProperty('--emr-expand-fade-color', this.color(), 'important');
+            this._elementRef.nativeElement.style.setProperty('--emr-expand-expanded-height', this.height(), 'important');
+        });
+    }
+    get api() {
+        return {
+            expand: () => this._expand(),
+            collapse: () => this._collapse(),
+            toggle: () => this._toggle()
+        };
+    }
+    _toggle() {
+        this._expanded = !this._expanded;
+        this.expandedChange.emit(this._expanded);
+    }
+    _expand() {
+        this._expanded = true;
+        this.expandedChange.emit(this._expanded);
+    }
+    _collapse() {
+        this._expanded = false;
+        this.expandedChange.emit(this._expanded);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ExpandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ExpandComponent, isStandalone: true, selector: "emr-expand", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, expandLabel: { classPropertyName: "expandLabel", publicName: "expandLabel", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null }, showButtonIfExpanded: { classPropertyName: "showButtonIfExpanded", publicName: "showButtonIfExpanded", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-expanded": "_expanded" }, classAttribute: "emr-expand" }, exportAs: ["emrExpand"], ngImport: i0, template: "<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n\r\n@if (showButtonIfExpanded()) {\r\n  <button class=\"button\" (click)=\"api.toggle()\">\r\n    @if (!_expanded) {\r\n      {{ expandLabel() }}\r\n    } @else {\r\n      {{ collapseLabel() }}\r\n    }\r\n  </button>\r\n} @else if (!showButtonIfExpanded() && !_expanded) {\r\n  <button class=\"button\" (click)=\"api.toggle()\">\r\n    {{ expandLabel() }}\r\n  </button>\r\n}\r\n", styles: [":host{--emr-expand-fade-color: var(--color-background);--emr-expand-button-bg: var(--color-surface-container);--emr-expand-button-hover-bg: var(--color-surface-container-high);--emr-expand-button-color: var(--color-on-surface);--emr-expand-button-font-size: var(--text-tiny);--emr-expand-button-box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--emr-expand-button-border-radius: calc(infinity * 1px);--emr-expand-button-padding: calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 4);--emr-expand-button-hover-opacity: 90%;--emr-expand-expanded-height: 300px;display:block;position:relative;max-height:var(--emr-expand-expanded-height);overflow:hidden}:host .button{position:absolute;inset-inline-start:50%;bottom:calc(var(--spacing, .25rem) * 12);padding:var(--emr-expand-button-padding);border-radius:var(--emr-expand-button-border-radius);background:var(--emr-expand-button-bg);display:flex;align-items:center;justify-content:center;z-index:2;transform:translate(-50%,50%);color:var(--emr-expand-button-color);font-size:var(--emr-expand-button-font-size);box-shadow:var(--emr-expand-button-box-shadow)}:host .button:hover{cursor:pointer;opacity:var(--emr-expand-button-hover-opacity);background:var(--emr-expand-button-hover-bg)}:host .button:active{scale:.98}:host:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,var(--emr-expand-fade-color));z-index:1}:host.is-expanded{max-height:max-content;overflow:auto}:host.is-expanded:after{display:none}:host.is-expanded .button{visibility:hidden}:host.is-expanded:hover .button{visibility:visible}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ExpandComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-expand', exportAs: 'emrExpand', host: {
+                        'class': 'emr-expand',
+                        '[class.is-expanded]': '_expanded'
+                    }, template: "<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n\r\n@if (showButtonIfExpanded()) {\r\n  <button class=\"button\" (click)=\"api.toggle()\">\r\n    @if (!_expanded) {\r\n      {{ expandLabel() }}\r\n    } @else {\r\n      {{ collapseLabel() }}\r\n    }\r\n  </button>\r\n} @else if (!showButtonIfExpanded() && !_expanded) {\r\n  <button class=\"button\" (click)=\"api.toggle()\">\r\n    {{ expandLabel() }}\r\n  </button>\r\n}\r\n", styles: [":host{--emr-expand-fade-color: var(--color-background);--emr-expand-button-bg: var(--color-surface-container);--emr-expand-button-hover-bg: var(--color-surface-container-high);--emr-expand-button-color: var(--color-on-surface);--emr-expand-button-font-size: var(--text-tiny);--emr-expand-button-box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--emr-expand-button-border-radius: calc(infinity * 1px);--emr-expand-button-padding: calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 4);--emr-expand-button-hover-opacity: 90%;--emr-expand-expanded-height: 300px;display:block;position:relative;max-height:var(--emr-expand-expanded-height);overflow:hidden}:host .button{position:absolute;inset-inline-start:50%;bottom:calc(var(--spacing, .25rem) * 12);padding:var(--emr-expand-button-padding);border-radius:var(--emr-expand-button-border-radius);background:var(--emr-expand-button-bg);display:flex;align-items:center;justify-content:center;z-index:2;transform:translate(-50%,50%);color:var(--emr-expand-button-color);font-size:var(--emr-expand-button-font-size);box-shadow:var(--emr-expand-button-box-shadow)}:host .button:hover{cursor:pointer;opacity:var(--emr-expand-button-hover-opacity);background:var(--emr-expand-button-hover-bg)}:host .button:active{scale:.98}:host:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,var(--emr-expand-fade-color));z-index:1}:host.is-expanded{max-height:max-content;overflow:auto}:host.is-expanded:after{display:none}:host.is-expanded .button{visibility:hidden}:host.is-expanded:hover .button{visibility:visible}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], expandLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandLabel", required: false }] }], collapseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseLabel", required: false }] }], showButtonIfExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtonIfExpanded", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExpandComponent };
+//# sourceMappingURL=elementar-rt-components-expand.mjs.map

package/fesm2022/elementar-rt-components-expand.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-expand.mjs","sources":["../../../projects/components/expand/src/expand/expand.component.ts","../../../projects/components/expand/src/expand/expand.component.html","../../../projects/components/expand/elementar-rt-components-expand.ts"],"sourcesContent":["import { booleanAttribute, Component, effect, ElementRef, inject, input, output } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-expand',\r\n  exportAs: 'emrExpand',\r\n  templateUrl: './expand.component.html',\r\n  styleUrl: './expand.component.scss',\r\n  host: {\r\n    'class': 'emr-expand',\r\n    '[class.is-expanded]': '_expanded'\r\n  }\r\n})\r\nexport class ExpandComponent {\r\n  private _elementRef = inject(ElementRef);\r\n\r\n  expanded = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  color = input('');\r\n  expandLabel = input('Show more');\r\n  collapseLabel = input('Show less');\r\n  showButtonIfExpanded = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  height = input<string>('');\r\n\r\n  readonly expandedChange = output<boolean>();\r\n\r\n  protected _expanded = false;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this._expanded = this.expanded();\r\n      (this._elementRef.nativeElement as HTMLElement).style.setProperty('--emr-expand-fade-color', this.color(), 'important');\r\n      (this._elementRef.nativeElement as HTMLElement).style.setProperty('--emr-expand-expanded-height', this.height(), 'important');\r\n    });\r\n  }\r\n\r\n  get api() {\r\n    return {\r\n      expand: () => this._expand(),\r\n      collapse: () => this._collapse(),\r\n      toggle: () => this._toggle()\r\n    };\r\n  }\r\n\r\n  private _toggle() {\r\n    this._expanded = !this._expanded;\r\n    this.expandedChange.emit(this._expanded);\r\n  }\r\n\r\n  private _expand() {\r\n    this._expanded = true;\r\n    this.expandedChange.emit(this._expanded);\r\n  }\r\n\r\n  private _collapse() {\r\n    this._expanded = false;\r\n    this.expandedChange.emit(this._expanded);\r\n  }\r\n}\r\n","<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n\r\n@if (showButtonIfExpanded()) {\r\n  <button class=\"button\" (click)=\"api.toggle()\">\r\n    @if (!_expanded) {\r\n      {{ expandLabel() }}\r\n    } @else {\r\n      {{ collapseLabel() }}\r\n    }\r\n  </button>\r\n} @else if (!showButtonIfExpanded() && !_expanded) {\r\n  <button class=\"button\" (click)=\"api.toggle()\">\r\n    {{ expandLabel() }}\r\n  </button>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAYa,eAAe,CAAA;AAClB,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IAExC,QAAQ,GAAG,KAAK,CAAC,KAAK,4CACpB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADL;AACtB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;AACF,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,iDAAC;AACjB,IAAA,WAAW,GAAG,KAAK,CAAC,WAAW,uDAAC;AAChC,IAAA,aAAa,GAAG,KAAK,CAAC,WAAW,yDAAC;IAClC,oBAAoB,GAAG,KAAK,CAAC,KAAK,wDAChC,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADO;AAClC,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;AACF,IAAA,MAAM,GAAG,KAAK,CAAS,EAAE,kDAAC;IAEjB,cAAc,GAAG,MAAM,EAAW;IAEjC,SAAS,GAAG,KAAK;AAE3B,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC/B,YAAA,IAAI,CAAC,WAAW,CAAC,aAA6B,CAAC,KAAK,CAAC,WAAW,CAAC,yBAAyB,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,WAAW,CAAC;AACtH,YAAA,IAAI,CAAC,WAAW,CAAC,aAA6B,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,WAAW,CAAC;AAC/H,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,IAAI,GAAG,GAAA;QACL,OAAO;AACL,YAAA,MAAM,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE;AAC5B,YAAA,QAAQ,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE;AAChC,YAAA,MAAM,EAAE,MAAM,IAAI,CAAC,OAAO;SAC3B;IACH;IAEQ,OAAO,GAAA;AACb,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS;QAChC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAC1C;IAEQ,OAAO,GAAA;AACb,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;QACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAC1C;IAEQ,SAAS,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;QACtB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAC1C;wGA/CW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,uiCCZ5B,sbAiBA,EAAA,MAAA,EAAA,CAAA,orDAAA,CAAA,EAAA,CAAA;;4FDLa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,YAAY,EAAA,QAAA,EACZ,WAAW,EAAA,IAAA,EAGf;AACJ,wBAAA,OAAO,EAAE,YAAY;AACrB,wBAAA,qBAAqB,EAAE;AACxB,qBAAA,EAAA,QAAA,EAAA,sbAAA,EAAA,MAAA,EAAA,CAAA,orDAAA,CAAA,EAAA;;;AEVH;;AAEG;;;;"}