@africanies/angular-web-sdk 0.1.6 → 0.1.8

package/.nx/cache/5151121439688073678/dist/libs/africanies-icons/fesm2022/africanies-africanies-icons.mjs

@@ -0,0 +1,833 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, input, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+
+/**
+ * URL of the SVG sprite served by the host application.
+ *
+ * Default assumes the published asset is copied to
+ * `/assets/africanies-icons/icons.sprite.svg` (see package README). The leading
+ * slash is required: Angular `[src]` / `fetch()` resolve relative URLs
+ * against the current route (`/login/assets/…`), not `<base href="/">`.
+ * Override when the host uses a CDN or a different assets path.
+ */
+const AFRICANIES_ICON_SPRITE_URL = new InjectionToken('AFRICANIES_ICON_SPRITE_URL', {
+    providedIn: 'root',
+    factory: () => '/assets/africanies-icons/icons.sprite.svg',
+});
+/**
+ * Fetches and inlines the icon sprite once into `document.body`.
+ *
+ * WHY inline (not external `<use href="sprite.svg#id">`):
+ * - External fragment references break under some CSP / cross-origin setups.
+ * - Inlining once lets every `<africanies-icon>` use cheap `#symbol-id` hrefs and
+ *   keeps a single network request for 600+ icons.
+ *
+ * Call {@link ensureLoaded} from `AfricaniesIconComponent` (or app bootstrap). Safe
+ * to invoke repeatedly — concurrent callers share one in-flight promise.
+ */
+class IconRegistryService {
+    document = inject(DOCUMENT);
+    spriteUrl = inject(AFRICANIES_ICON_SPRITE_URL);
+    loadPromise = null;
+    loaded = false;
+    /**
+     * Ensures the sprite `<svg>` is present in the DOM.
+     *
+     * @returns Resolves when the sprite is inlined (or already present).
+     * @throws {Error} When the sprite URL cannot be fetched.
+     */
+    ensureLoaded() {
+        if (this.loaded) {
+            return Promise.resolve();
+        }
+        if (this.loadPromise) {
+            return this.loadPromise;
+        }
+        this.loadPromise = this.fetchAndInline().finally(() => {
+            this.loadPromise = null;
+        });
+        return this.loadPromise;
+    }
+    /**
+     * Whether the sprite has been successfully inlined.
+     *
+     * @returns `true` after a successful {@link ensureLoaded}.
+     */
+    isLoaded() {
+        return this.loaded;
+    }
+    async fetchAndInline() {
+        if (this.document.getElementById('africanies-icon-sprite')) {
+            this.loaded = true;
+            return;
+        }
+        const response = await fetch(this.spriteUrl);
+        if (!response.ok) {
+            throw new Error(`Failed to load AFRICANIES icon sprite from "${this.spriteUrl}" (${response.status})`);
+        }
+        const markup = await response.text();
+        const container = this.document.createElement('div');
+        container.id = 'africanies-icon-sprite';
+        container.setAttribute('hidden', '');
+        container.setAttribute('aria-hidden', 'true');
+        // WHY innerHTML: sprite is trusted first-party SVG from this package.
+        container.innerHTML = markup;
+        this.document.body.prepend(container);
+        this.loaded = true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IconRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IconRegistryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IconRegistryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Renders a single icon from the shared SVG sprite.
+ *
+ * WHY sprite + `<use>`: one network fetch (via {@link IconRegistryService})
+ * serves every icon instead of shipping hundreds of Angular components or
+ * individual SVG HTTP requests.
+ *
+ * Host apps must serve `icons.sprite.svg` (see package README) or override
+ * {@link AFRICANIES_ICON_SPRITE_URL}.
+ *
+ * @example
+ * ```html
+ * <africanies-icon name="truck" />
+ * <africanies-icon name="search" [size]="32" />
+ * ```
+ */
+class AfricaniesIconComponent {
+    registry = inject(IconRegistryService);
+    /**
+     * Icon id matching a `<symbol>` in the sprite / {@link IconName} union.
+     */
+    name = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /**
+     * CSS pixel size for width and height. Accepts a number (`24`) or CSS length
+     * (`'1.5rem'`). Defaults to `24`.
+     */
+    size = input(24, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Kick off sprite load on first icon render; failures surface as rejected
+        // promises / console errors rather than blanking the whole app.
+        effect(() => {
+            // Track name so HMR / late registry overrides still trigger ensureLoaded.
+            void this.name();
+            void this.registry.ensureLoaded().catch((err) => {
+                console.error('[africanies-icon] sprite load failed', err);
+            });
+        });
+    }
+    /**
+     * Fragment href into the inlined sprite (`#truck`).
+     *
+     * @returns Hash fragment pointing at the named symbol.
+     */
+    href() {
+        return `#${this.name()}`;
+    }
+    /**
+     * Normalized size attribute value.
+     *
+     * @returns Size as a string suitable for the SVG `width`/`height` attrs.
+     */
+    resolvedSize() {
+        const value = this.size();
+        return typeof value === 'number' ? String(value) : value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AfricaniesIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AfricaniesIconComponent, isStandalone: true, selector: "africanies-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-icon": "name()" } }, ngImport: i0, template: `
+    <svg
+      [attr.width]="resolvedSize()"
+      [attr.height]="resolvedSize()"
+      [attr.aria-hidden]="true"
+      focusable="false"
+      part="svg"
+    >
+      <use [attr.href]="href()" />
+    </svg>
+  `, isInline: true, styles: [":host{display:inline-flex;line-height:0;vertical-align:middle;color:inherit}svg{display:block;fill:currentColor;color:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AfricaniesIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'africanies-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <svg
+      [attr.width]="resolvedSize()"
+      [attr.height]="resolvedSize()"
+      [attr.aria-hidden]="true"
+      focusable="false"
+      part="svg"
+    >
+      <use [attr.href]="href()" />
+    </svg>
+  `, host: {
+                        '[attr.data-icon]': 'name()',
+                    }, styles: [":host{display:inline-flex;line-height:0;vertical-align:middle;color:inherit}svg{display:block;fill:currentColor;color:inherit}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+/**
+ * Generated by `tools/build-icon-sprite.mjs` — do not edit by hand.
+ *
+ * Closed list of every symbol id in `icons.sprite.svg` so typos fail at
+ * compile time, editors autocomplete valid names, and the playground gallery
+ * can iterate without maintaining a second list.
+ *
+ * To add an icon: drop an SVG into `/svg`, then run `npm run icons:build`.
+ */
+const ICON_NAMES = [
+    'abacus',
+    'absolute-position',
+    'academy-cap',
+    'accessibility',
+    'accordion-menu',
+    'add-dock',
+    'adjust',
+    'adobe-flash',
+    'airplane',
+    'alarm',
+    'align-center',
+    'align-justify',
+    'align-left',
+    'align-right',
+    'alt-a',
+    'alt',
+    'ambulance',
+    'anchor',
+    'angle-double-down',
+    'angle-double-left',
+    'angle-double-right',
+    'angle-double-up',
+    'angle-down',
+    'angle-left',
+    'angle-right',
+    'angle-up',
+    'archive',
+    'archives',
+    'area-select',
+    'arrow-backward',
+    'arrow-circle-down-o',
+    'arrow-circle-down',
+    'arrow-circle-left-o',
+    'arrow-circle-left',
+    'arrow-circle-right-o',
+    'arrow-circle-right',
+    'arrow-circle-up-o',
+    'arrow-circle-up',
+    'arrow-down',
+    'arrow-forward',
+    'arrow-left',
+    'arrow-long-down',
+    'arrow-long-left',
+    'arrow-right',
+    'arrow-up',
+    'arrows-cross',
+    'arrows-long-h',
+    'arrows-long-right',
+    'arrows-long-up',
+    'arrows-long-v',
+    'arrows',
+    'asterisk',
+    'at',
+    'automation',
+    'backspace-a',
+    'backspace',
+    'backwards',
+    'ban',
+    'bar-chart-h',
+    'bar-chart-v',
+    'bar-chart',
+    'barcode',
+    'bed',
+    'bell-o',
+    'bell-slash-o',
+    'bell-slash',
+    'bell',
+    'boat',
+    'bold',
+    'bolt',
+    'bomb',
+    'book-dollar',
+    'book-percent',
+    'book',
+    'bookmark-o',
+    'bookmark',
+    'briefcase',
+    'browser',
+    'bug-o',
+    'bug',
+    'building-o',
+    'building',
+    'bullets',
+    'bullseye',
+    'bus',
+    'button',
+    'calc-book',
+    'calc',
+    'calendar-briefcase',
+    'calendar-clock',
+    'calendar-envelope',
+    'calendar-o',
+    'calendar-user',
+    'calendar',
+    'camera',
+    'car',
+    'caret-down',
+    'caret-left',
+    'caret-right',
+    'caret-square-down-o',
+    'caret-square-left-o',
+    'caret-square-right-o',
+    'caret-square-up-o',
+    'caret-up',
+    'cart-o',
+    'cart',
+    'cash',
+    'chart-3d',
+    'chart-grid',
+    'chart-line',
+    'chart-timeline',
+    'chart',
+    'chat',
+    'check-circle-o',
+    'check-circle',
+    'check-square-o',
+    'check-square',
+    'check',
+    'chevron-circle-down-o',
+    'chevron-circle-down',
+    'chevron-circle-left-o',
+    'chevron-circle-left',
+    'chevron-circle-right-o',
+    'chevron-circle-right',
+    'chevron-circle-up-o',
+    'chevron-circle-up',
+    'chevron-down-small',
+    'chevron-down',
+    'chevron-left-small',
+    'chevron-left',
+    'chevron-right-small',
+    'chevron-right',
+    'chevron-up-small',
+    'chevron-up',
+    'child',
+    'circle-thin',
+    'circle',
+    'clipboard-check',
+    'clipboard-cross',
+    'clipboard-heart',
+    'clipboard-pulse',
+    'clipboard-text',
+    'clipboard-user',
+    'clipboard',
+    'clock',
+    'close-big',
+    'close-circle-o',
+    'close-circle',
+    'close-small',
+    'close',
+    'cloud-download-o',
+    'cloud-download',
+    'cloud-o',
+    'cloud-upload-o',
+    'cloud-upload',
+    'cloud',
+    'cluster',
+    'code',
+    'coffee',
+    'cog-o',
+    'cog',
+    'cogs',
+    'coin-piles',
+    'coins',
+    'combobox',
+    'comment-ellipsis-o',
+    'comment-ellipsis',
+    'comment-o',
+    'comment',
+    'comments-o',
+    'comments',
+    'compile',
+    'compress-square',
+    'compress',
+    'connect-o',
+    'connect',
+    'controller',
+    'copy-o',
+    'copy',
+    'copyright',
+    'corner-lower-left',
+    'corner-lower-right',
+    'corner-upper-left',
+    'corner-upper-right',
+    'credit-card',
+    'crop',
+    'cross-cutlery',
+    'crosshairs',
+    'css',
+    'ctrl-a',
+    'ctrl',
+    'cube',
+    'cubes',
+    'curly-brackets',
+    'cursor-o',
+    'cursor',
+    'cutlery',
+    'dashboard',
+    'database',
+    'date-input',
+    'deindent',
+    'del-a',
+    'del',
+    'dental-chair',
+    'desktop',
+    'diamond-o',
+    'diamond',
+    'diasporan-partner',
+    'diploma-scroll',
+    'diploma',
+    'disc',
+    'doctor-briefcase',
+    'doctor',
+    'dollar',
+    'dot-circle',
+    'download-alt',
+    'download',
+    'drop',
+    'edit',
+    'eject',
+    'elastic',
+    'ellipsis-circle-o',
+    'ellipsis-circle',
+    'ellipsis-dots-h',
+    'ellipsis-dots-v',
+    'ellipsis-h',
+    'ellipsis-v',
+    'enter-arrow',
+    'enter',
+    'envelope-o',
+    'envelope-open-o',
+    'envelope-open',
+    'envelope',
+    'envelopes-o',
+    'envelopes',
+    'eraser',
+    'esc-a',
+    'esc',
+    'euro',
+    'exchange',
+    'exclamation-circle-o',
+    'exclamation-circle',
+    'exclamation',
+    'exit-o',
+    'exit',
+    'expand-full',
+    'expand-square',
+    'expand',
+    'external-browser',
+    'external-link',
+    'eye-slash',
+    'eye',
+    'eyedropper',
+    'facebook-square',
+    'facebook',
+    'factory',
+    'family',
+    'fast-backward',
+    'fast-forward',
+    'female',
+    'file-add',
+    'file-code',
+    'file-font',
+    'file-movie',
+    'file-o',
+    'file-picture',
+    'file-presentation',
+    'file-process',
+    'file-refresh',
+    'file-remove',
+    'file-search',
+    'file-sound',
+    'file-start',
+    'file-table',
+    'file-text-o',
+    'file-text',
+    'file-tree-small',
+    'file-tree-sub',
+    'file-tree',
+    'file-zip',
+    'file',
+    'fill',
+    'film',
+    'filter',
+    'fire',
+    'flag-checkered',
+    'flag-o',
+    'flag',
+    'flash',
+    'flask',
+    'flight-landing',
+    'flight-takeoff',
+    'flip-h',
+    'flip-v',
+    'folder-add',
+    'folder-o',
+    'folder-open-o',
+    'folder-open',
+    'folder-remove',
+    'folder-search',
+    'folder',
+    'font',
+    'form',
+    'forward',
+    'frown-o',
+    'funcion',
+    'funnel',
+    'gamepad',
+    'gavel',
+    'gift',
+    'glass',
+    'glasses',
+    'globe-wire',
+    'globe',
+    'golf',
+    'google-plus-square',
+    'google-plus',
+    'grab',
+    'grid-bevel',
+    'grid-big-o',
+    'grid-big',
+    'grid-h',
+    'grid-small-o',
+    'grid-small',
+    'grid-v',
+    'grid',
+    'group',
+    'hammer',
+    'hand-coins',
+    'hand',
+    'handle-corner',
+    'hands-up',
+    'handshake',
+    'harddrive-o',
+    'harddrive',
+    'hash',
+    'header',
+    'headphones',
+    'headset',
+    'health-card',
+    'heart-o',
+    'heart',
+    'home-o',
+    'home',
+    'hospital',
+    'hourglass-empty',
+    'hourglass-end',
+    'hourglass-start',
+    'hourglass',
+    'inbox',
+    'indent',
+    'info-circle-o',
+    'info-circle',
+    'info',
+    'input',
+    'insert',
+    'institution',
+    'invoice',
+    'italic',
+    'key-o',
+    'key',
+    'keyboard-o',
+    'keyboard',
+    'laptop',
+    'layout',
+    'level-down-bold',
+    'level-down',
+    'level-left-bold',
+    'level-left',
+    'level-right-bold',
+    'level-right',
+    'level-up-bold',
+    'level-up',
+    'lifebuoy',
+    'lightbulb',
+    'line-bar-chart',
+    'line-chart',
+    'line-h',
+    'line-v',
+    'lines-list',
+    'lines',
+    'link',
+    'list-ol',
+    'list-select',
+    'list-ul',
+    'list',
+    'location-arrow-circle-o',
+    'location-arrow-circle',
+    'location-arrow',
+    'lock',
+    'magic',
+    'magnet',
+    'mailbox',
+    'male',
+    'map-marker',
+    'margin-bottom',
+    'margin-left',
+    'margin-right',
+    'margin-top',
+    'margin',
+    'medal',
+    'megaphone',
+    'meh-o',
+    'menu',
+    'microphone',
+    'mini-partner',
+    'minus-circle-o',
+    'minus-circle',
+    'minus-square-o',
+    'minus',
+    'mobile-browser',
+    'mobile-retro',
+    'mobile',
+    'modal-list',
+    'modal',
+    'money-deposit',
+    'money-exchange',
+    'money-withdraw',
+    'money',
+    'moon-o',
+    'moon',
+    'morning',
+    'movie',
+    'music',
+    'mute',
+    'native-button',
+    'newspaper',
+    'notebook',
+    'number-count',
+    'nurse',
+    'office',
+    'open-book',
+    'option-a',
+    'option',
+    'options',
+    'orientation',
+    'out',
+    'outbox',
+    'package',
+    'padding-bottom',
+    'padding-left',
+    'padding-right',
+    'padding-top',
+    'padding',
+    'paint-roll',
+    'paintbrush',
+    'palette',
+    'panel',
+    'paperclip',
+    'paperplane-o',
+    'paperplane',
+    'paragraph',
+    'partner',
+    'password',
+    'paste',
+    'pause',
+    'pencil',
+    'phone-landline',
+    'phone',
+    'picture',
+    'pie-bar-chart',
+    'pie-chart',
+    'piggy-bank-coin',
+    'piggy-bank',
+    'pill',
+    'pills',
+    'pin-post',
+    'pin',
+    'play-circle-o',
+    'play-circle',
+    'play',
+    'plug',
+    'plus-circle-o',
+    'plus-circle',
+    'plus-minus',
+    'plus-square-o',
+    'plus',
+    'pointer',
+    'power-off',
+    'presentation',
+    'print',
+    'progressbar',
+    'puzzle-piece',
+    'pyramid-chart',
+    'qrcode',
+    'question-circle-o',
+    'question-circle',
+    'question',
+    'quote-left',
+    'quote-right',
+    'random',
+    'raster-lower-left',
+    'raster',
+    'records',
+    'recycle',
+    'refresh',
+    'reply-all',
+    'reply',
+    'resize-h',
+    'resize-v',
+    'retweet',
+    'rhombus',
+    'road-branch',
+    'road-branches',
+    'road-split',
+    'road',
+    'rocket',
+    'rotate-left',
+    'rotate-right',
+    'rss-square',
+    'rss',
+    'safe-lock',
+    'safe',
+    'scale-unbalance',
+    'scale',
+    'scatter-chart',
+    'scissors',
+    'screwdriver',
+    'search-minus',
+    'search-plus',
+    'search',
+    'select',
+    'server',
+    'share-square',
+    'share',
+    'shield',
+    'shift-arrow',
+    'shift',
+    'shop',
+    'sign-in-alt',
+    'sign-in',
+    'sign-out-alt',
+    'sign-out',
+    'signal',
+    'sitemap',
+    'slider',
+    'sliders',
+    'smiley-o',
+    'sort',
+    'sound-disable',
+    'spark-line',
+    'specialist',
+    'spinner-arc',
+    'spinner-third',
+    'spinner',
+    'spline-area-chart',
+    'spline-chart',
+    'split-h',
+    'split-v',
+    'split',
+    'spoon',
+    'square-shadow',
+    'star-half-left-o',
+    'star-half-left',
+    'star-half-right-o',
+    'star-half-right',
+    'star-o',
+    'star',
+    'start-cog',
+    'step-backward',
+    'step-forward',
+    'stethoscope',
+    'stock',
+    'stop-cog',
+    'stop',
+    'stopwatch',
+    'storage',
+    'strikethrough',
+    'subscript',
+    'suitcase',
+    'sun-down',
+    'sun-o',
+    'sun-rise',
+    'superscript',
+    'sword',
+    'tab-a',
+    'tab',
+    'table',
+    'tablet',
+    'tabs',
+    'tag',
+    'tags',
+    'tasks',
+    'taxi',
+    'teeth',
+    'terminal',
+    'text-height',
+    'text-input',
+    'text-label',
+    'text-width',
+    'thin-square',
+    'thumbs-down-o',
+    'thumbs-down',
+    'thumbs-up-o',
+    'thumbs-up',
+    'ticket',
+    'time-backward',
+    'time-forward',
+    'timer',
+    'toolbox',
+    'tools',
+    'tooth',
+    'touch',
+    'train',
+    'trash',
+    'tree-table',
+    'trending-down',
+    'trending-up',
+    'trophy',
+    'truck',
+    'twin-col-select',
+    'twitter-square',
+    'twitter',
+    'umbrella',
+    'underline',
+    'unlink',
+    'unlock',
+    'upload-alt',
+    'upload',
+    'user-card',
+    'user-check',
+    'user-clock',
+    'user-heart',
+    'user-star',
+    'user',
+    'users',
+    'vaadin-h',
+    'vaadin-v',
+    'viewport',
+    'vimeo-square',
+    'vimeo',
+    'volume-down',
+    'volume-off',
+    'volume-up',
+    'volume',
+    'wallet',
+    'warehouse',
+    'warning',
+    'workplace',
+    'wrench',
+    'youtube-square',
+    'youtube',
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AFRICANIES_ICON_SPRITE_URL, AfricaniesIconComponent, ICON_NAMES, IconRegistryService };
+//# sourceMappingURL=africanies-africanies-icons.mjs.map