@koobiq/components 20.4.2 → 21.0.1

package/fesm2022/koobiq-components-divider.mjs

@@ -1,52 +1,89 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { kbqOptionalNumberAttribute } from '@koobiq/components/core';
 
+/**
+ * A themed line separator.
+ *
+ * Horizontal by default and vertical with `vertical`; `length` gives the line a size of its own where
+ * the surrounding layout does not supply one.
+ *
+ * The divider carries `role="separator"` so the boundary it draws is also exposed programmatically.
+ * A divider that only repeats a boundary already conveyed by the layout should set `decorative`.
+ */
 class KbqDivider {
     constructor() {
-        this._vertical = false;
-        this._paddings = true;
-    }
-    // Whether the divider is vertically aligned.
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get vertical() {
-        return this._vertical;
-    }
-    set vertical(value) {
-        this._vertical = coerceBooleanProperty(value);
-    }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get paddings() {
-        return this._paddings;
-    }
-    set paddings(value) {
-        this._paddings = coerceBooleanProperty(value);
+        /** Whether the divider is vertically oriented. Defaults to `false`, a horizontal divider. */
+        this.vertical = input(false, { ...(ngDevMode ? { debugName: "vertical" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Whether the divider spaces itself from the content around it. Defaults to `true`, which emits margins
+         * (not padding) along the divider's cross axis.
+         */
+        this.paddings = input(true, { ...(ngDevMode ? { debugName: "paddings" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Whether the divider is purely decorative. A decorative divider is hidden from assistive
+         * technology, for boundaries that a heading, a group or the layout itself already conveys.
+         * Defaults to `false`.
+         */
+        this.decorative = input(false, { ...(ngDevMode ? { debugName: "decorative" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Length of the line in pixels — its height when `vertical`, its width otherwise. `null`, the
+         * default, leaves the length to the layout the divider sits in, which is what a divider spanning a
+         * container wants. Set it for a divider that has to be shorter than its surroundings, such as one
+         * between the buttons of a toolbar, instead of reaching for a `height` of your own in CSS.
+         */
+        this.length = input(null, { ...(ngDevMode ? { debugName: "length" } : /* istanbul ignore next */ {}), transform: (value) => kbqOptionalNumberAttribute(value) ?? null });
+        /**
+         * Value of `aria-orientation`.
+         *
+         * @internal
+         */
+        this.ariaOrientation = computed(() => (!this.decorative() && this.vertical() ? 'vertical' : null), ...(ngDevMode ? [{ debugName: "ariaOrientation" }] : /* istanbul ignore next */ []));
+        /**
+         * Value of the `height` style.
+         *
+         * @internal
+         */
+        this.heightStyle = computed(() => (this.vertical() ? this.length() : null), ...(ngDevMode ? [{ debugName: "heightStyle" }] : /* istanbul ignore next */ []));
+        /**
+         * Value of the `width` style.
+         *
+         * @internal
+         */
+        this.widthStyle = computed(() => (this.vertical() ? null : this.length()), ...(ngDevMode ? [{ debugName: "widthStyle" }] : /* istanbul ignore next */ []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.30", type: KbqDivider, isStandalone: true, selector: "kbq-divider", inputs: { vertical: "vertical", paddings: "paddings" }, host: { properties: { "class.kbq-divider_vertical": "vertical", "class.kbq-divider_horizontal": "!vertical", "class.kbq-divider_paddings": "paddings" }, classAttribute: "kbq-divider" }, ngImport: i0, template: '', isInline: true, styles: [".kbq-divider{display:block;margin:0}.kbq-divider.kbq-divider_horizontal{min-height:var(--kbq-divider-size-horizontal-width);height:var(--kbq-divider-size-horizontal-width)}.kbq-divider.kbq-divider_horizontal.kbq-divider_paddings{margin-top:var(--kbq-divider-size-horizontal-margin-vertical);margin-bottom:var(--kbq-divider-size-horizontal-margin-vertical)}.kbq-divider.kbq-divider_vertical{width:var(--kbq-divider-size-vertical-width);height:100%}.kbq-divider.kbq-divider_vertical.kbq-divider_paddings{margin-left:var(--kbq-divider-size-vertical-margin-horizontal);margin-right:var(--kbq-divider-size-vertical-margin-horizontal)}.kbq-divider{background:var(--kbq-divider-color)}\n", ".kbq-divider{--kbq-divider-size-horizontal-width: 1px;--kbq-divider-size-horizontal-margin-vertical: var(--kbq-size-xxs);--kbq-divider-size-vertical-width: 1px;--kbq-divider-size-vertical-margin-horizontal: var(--kbq-size-xxs);--kbq-divider-color: var(--kbq-line-contrast-less)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: KbqDivider, isStandalone: true, selector: "kbq-divider", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, paddings: { classPropertyName: "paddings", publicName: "paddings", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-divider_vertical": "vertical()", "class.kbq-divider_horizontal": "!vertical()", "class.kbq-divider_paddings": "paddings()", "attr.role": "decorative() ? 'presentation' : 'separator'", "attr.aria-orientation": "ariaOrientation()", "style.height.px": "heightStyle()", "style.width.px": "widthStyle()" }, classAttribute: "kbq-divider" }, ngImport: i0, template: '', isInline: true, styles: [".kbq-divider{display:block;margin:0}.kbq-divider.kbq-divider_horizontal{min-height:var(--kbq-divider-size-horizontal-width);height:var(--kbq-divider-size-horizontal-width)}.kbq-divider.kbq-divider_horizontal.kbq-divider_paddings{margin-top:var(--kbq-divider-size-horizontal-margin-vertical);margin-bottom:var(--kbq-divider-size-horizontal-margin-vertical)}.kbq-divider.kbq-divider_vertical{width:var(--kbq-divider-size-vertical-width);height:100%}.kbq-divider.kbq-divider_vertical.kbq-divider_paddings{margin-left:var(--kbq-divider-size-vertical-margin-horizontal);margin-right:var(--kbq-divider-size-vertical-margin-horizontal)}.kbq-divider{background:var(--kbq-divider-color)}\n", ".kbq-divider{--kbq-divider-size-horizontal-width: 1px;--kbq-divider-size-horizontal-margin-vertical: var(--kbq-size-xxs);--kbq-divider-size-vertical-width: 1px;--kbq-divider-size-vertical-margin-horizontal: var(--kbq-size-xxs);--kbq-divider-color: var(--kbq-line-contrast-less)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDivider, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-divider', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-divider',
-                        '[class.kbq-divider_vertical]': 'vertical',
-                        '[class.kbq-divider_horizontal]': '!vertical',
-                        '[class.kbq-divider_paddings]': 'paddings'
+                        // Only the classes, which run last and back to back, read `vertical`; the attributes and styles that depend on
+                        // it read signals of their own. The host bindings of every divider in a view run in that view's reactive
+                        // consumer, where a signal read again after others costs a scan of all it has read so far.
+                        '[class.kbq-divider_vertical]': 'vertical()',
+                        '[class.kbq-divider_horizontal]': '!vertical()',
+                        '[class.kbq-divider_paddings]': 'paddings()',
+                        // The element is empty, so `presentation` is enough to keep a decorative divider out of the
+                        // accessibility tree; `aria-hidden` is left to the caller, who may have to hide a divider
+                        // that still has to announce itself elsewhere.
+                        '[attr.role]': `decorative() ? 'presentation' : 'separator'`,
+                        // `horizontal` is the ARIA default for a separator, so only the vertical case is emitted.
+                        '[attr.aria-orientation]': 'ariaOrientation()',
+                        // `length` runs along the line. The other axis is the divider's thickness and belongs to the
+                        // stylesheet, so only one of the two is ever written.
+                        '[style.height.px]': 'heightStyle()',
+                        '[style.width.px]': 'widthStyle()'
                     }, styles: [".kbq-divider{display:block;margin:0}.kbq-divider.kbq-divider_horizontal{min-height:var(--kbq-divider-size-horizontal-width);height:var(--kbq-divider-size-horizontal-width)}.kbq-divider.kbq-divider_horizontal.kbq-divider_paddings{margin-top:var(--kbq-divider-size-horizontal-margin-vertical);margin-bottom:var(--kbq-divider-size-horizontal-margin-vertical)}.kbq-divider.kbq-divider_vertical{width:var(--kbq-divider-size-vertical-width);height:100%}.kbq-divider.kbq-divider_vertical.kbq-divider_paddings{margin-left:var(--kbq-divider-size-vertical-margin-horizontal);margin-right:var(--kbq-divider-size-vertical-margin-horizontal)}.kbq-divider{background:var(--kbq-divider-color)}\n", ".kbq-divider{--kbq-divider-size-horizontal-width: 1px;--kbq-divider-size-horizontal-margin-vertical: var(--kbq-size-xxs);--kbq-divider-size-vertical-width: 1px;--kbq-divider-size-vertical-margin-horizontal: var(--kbq-size-xxs);--kbq-divider-color: var(--kbq-line-contrast-less)}\n"] }]
-        }], propDecorators: { vertical: [{
-                type: Input
-            }], paddings: [{
-                type: Input
-            }] } });
+        }], propDecorators: { vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], paddings: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddings", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }] } });
 
 class KbqDividerModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqDividerModule, imports: [KbqDivider], exports: [KbqDivider] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDividerModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqDividerModule, imports: [KbqDivider], exports: [KbqDivider] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDividerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDividerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDividerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [KbqDivider],

package/fesm2022/koobiq-components-divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-divider.mjs","sources":["../../../packages/components/divider/divider.component.ts","../../../packages/components/divider/divider.module.ts","../../../packages/components/divider/koobiq-components-divider.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'kbq-divider',\n    template: '',\n    styleUrls: ['divider.scss', 'divider-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-divider',\n        '[class.kbq-divider_vertical]': 'vertical',\n        '[class.kbq-divider_horizontal]': '!vertical',\n        '[class.kbq-divider_paddings]': 'paddings'\n    }\n})\nexport class KbqDivider {\n    // Whether the divider is vertically aligned.\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input()\n    get vertical(): boolean {\n        return this._vertical;\n    }\n\n    set vertical(value: boolean) {\n        this._vertical = coerceBooleanProperty(value);\n    }\n\n    private _vertical: boolean = false;\n\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input()\n    get paddings(): boolean {\n        return this._paddings;\n    }\n\n    set paddings(value: boolean) {\n        this._paddings = coerceBooleanProperty(value);\n    }\n\n    private _paddings: boolean = true;\n}\n","import { NgModule } from '@angular/core';\nimport { KbqDivider } from './divider.component';\n\n@NgModule({\n    imports: [KbqDivider],\n    exports: [KbqDivider]\n})\nexport class KbqDividerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAgBa,UAAU,CAAA;AAbvB,IAAA,WAAA,GAAA;QA0BY,IAAA,CAAA,SAAS,GAAY,KAAK;QAa1B,IAAA,CAAA,SAAS,GAAY,IAAI;AACpC,IAAA;;;;AAvBG,IAAA,IACI,QAAQ,GAAA;QACR,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC;IACjD;;;AAMA,IAAA,IACI,QAAQ,GAAA;QACR,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC;IACjD;kIAxBS,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,yTAXT,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0qBAAA,EAAA,0RAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAWH,UAAU,EAAA,UAAA,EAAA,CAAA;kBAbtB,SAAS;+BACI,aAAa,EAAA,QAAA,EACb,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACF,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,8BAA8B,EAAE,UAAU;AAC1C,wBAAA,gCAAgC,EAAE,WAAW;AAC7C,wBAAA,8BAA8B,EAAE;AACnC,qBAAA,EAAA,MAAA,EAAA,CAAA,0qBAAA,EAAA,0RAAA,CAAA,EAAA;;sBAMA;;sBAaA;;;MC1BQ,gBAAgB,CAAA;kIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mIAAhB,gBAAgB,EAAA,OAAA,EAAA,CAHf,UAAU,CAAA,EAAA,OAAA,EAAA,CACV,UAAU,CAAA,EAAA,CAAA,CAAA;mIAEX,gBAAgB,EAAA,CAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,OAAO,EAAE,CAAC,UAAU;AACvB,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"koobiq-components-divider.mjs","sources":["../../../packages/components/divider/divider.component.ts","../../../packages/components/divider/divider.module.ts","../../../packages/components/divider/koobiq-components-divider.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    ViewEncapsulation\n} from '@angular/core';\nimport { kbqOptionalNumberAttribute } from '@koobiq/components/core';\n\n/**\n * A themed line separator.\n *\n * Horizontal by default and vertical with `vertical`; `length` gives the line a size of its own where\n * the surrounding layout does not supply one.\n *\n * The divider carries `role=\"separator\"` so the boundary it draws is also exposed programmatically.\n * A divider that only repeats a boundary already conveyed by the layout should set `decorative`.\n */\n@Component({\n    selector: 'kbq-divider',\n    template: '',\n    styleUrls: ['divider.scss', 'divider-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-divider',\n        // Only the classes, which run last and back to back, read `vertical`; the attributes and styles that depend on\n        // it read signals of their own. The host bindings of every divider in a view run in that view's reactive\n        // consumer, where a signal read again after others costs a scan of all it has read so far.\n        '[class.kbq-divider_vertical]': 'vertical()',\n        '[class.kbq-divider_horizontal]': '!vertical()',\n        '[class.kbq-divider_paddings]': 'paddings()',\n        // The element is empty, so `presentation` is enough to keep a decorative divider out of the\n        // accessibility tree; `aria-hidden` is left to the caller, who may have to hide a divider\n        // that still has to announce itself elsewhere.\n        '[attr.role]': `decorative() ? 'presentation' : 'separator'`,\n        // `horizontal` is the ARIA default for a separator, so only the vertical case is emitted.\n        '[attr.aria-orientation]': 'ariaOrientation()',\n        // `length` runs along the line. The other axis is the divider's thickness and belongs to the\n        // stylesheet, so only one of the two is ever written.\n        '[style.height.px]': 'heightStyle()',\n        '[style.width.px]': 'widthStyle()'\n    }\n})\nexport class KbqDivider {\n    /** Whether the divider is vertically oriented. Defaults to `false`, a horizontal divider. */\n    readonly vertical = input(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the divider spaces itself from the content around it. Defaults to `true`, which emits margins\n     * (not padding) along the divider's cross axis.\n     */\n    readonly paddings = input(true, { transform: booleanAttribute });\n\n    /**\n     * Whether the divider is purely decorative. A decorative divider is hidden from assistive\n     * technology, for boundaries that a heading, a group or the layout itself already conveys.\n     * Defaults to `false`.\n     */\n    readonly decorative = input(false, { transform: booleanAttribute });\n\n    /**\n     * Length of the line in pixels — its height when `vertical`, its width otherwise. `null`, the\n     * default, leaves the length to the layout the divider sits in, which is what a divider spanning a\n     * container wants. Set it for a divider that has to be shorter than its surroundings, such as one\n     * between the buttons of a toolbar, instead of reaching for a `height` of your own in CSS.\n     */\n    readonly length = input<number | null, unknown>(null, {\n        transform: (value: unknown) => kbqOptionalNumberAttribute(value) ?? null\n    });\n\n    /**\n     * Value of `aria-orientation`.\n     *\n     * @internal\n     */\n    protected readonly ariaOrientation = computed(() => (!this.decorative() && this.vertical() ? 'vertical' : null));\n\n    /**\n     * Value of the `height` style.\n     *\n     * @internal\n     */\n    protected readonly heightStyle = computed(() => (this.vertical() ? this.length() : null));\n\n    /**\n     * Value of the `width` style.\n     *\n     * @internal\n     */\n    protected readonly widthStyle = computed(() => (this.vertical() ? null : this.length()));\n}\n","import { NgModule } from '@angular/core';\nimport { KbqDivider } from './divider.component';\n\n@NgModule({\n    imports: [KbqDivider],\n    exports: [KbqDivider]\n})\nexport class KbqDividerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}