@koobiq/components 21.0.0 → 21.1.0

package/fesm2022/koobiq-components-divider.mjs

@@ -36,19 +36,19 @@ class KbqDivider {
         /**
          * Value of `aria-orientation`.
          *
-         * @internal
+         * @docs-private
          */
         this.ariaOrientation = computed(() => (!this.decorative() && this.vertical() ? 'vertical' : null), ...(ngDevMode ? [{ debugName: "ariaOrientation" }] : /* istanbul ignore next */ []));
         /**
          * Value of the `height` style.
          *
-         * @internal
+         * @docs-private
          */
         this.heightStyle = computed(() => (this.vertical() ? this.length() : null), ...(ngDevMode ? [{ debugName: "heightStyle" }] : /* istanbul ignore next */ []));
         /**
          * Value of the `width` style.
          *
-         * @internal
+         * @docs-private
          */
         this.widthStyle = computed(() => (this.vertical() ? null : this.length()), ...(ngDevMode ? [{ debugName: "widthStyle" }] : /* istanbul ignore next */ []));
     }

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 {\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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"}
+{"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     * @docs-private\n     */\n    protected readonly ariaOrientation = computed(() => (!this.decorative() && this.vertical() ? 'vertical' : null));\n\n    /**\n     * Value of the `height` style.\n     *\n     * @docs-private\n     */\n    protected readonly heightStyle = computed(() => (this.vertical() ? this.length() : null));\n\n    /**\n     * Value of the `width` style.\n     *\n     * @docs-private\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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"}

package/fesm2022/koobiq-components-dropdown.mjs

@@ -277,7 +277,7 @@ class KbqDropdownItem {
         /**
          * Value of the `disabled` and `aria-disabled` attributes.
          *
-         * @internal
+         * @docs-private
          */
         this.disabledAttribute = computed(() => this.disabled() || null, ...(ngDevMode ? [{ debugName: "disabledAttribute" }] : /* istanbul ignore next */ []));
         /** Stream that emits when the dropdown item is hovered. */
@@ -768,7 +768,7 @@ class KbqDropdown {
         /**
          * Whether the `closed` being emitted closes the panels this one is nested in too, see `closeChain`.
          *
-         * @internal
+         * @docs-private
          */
         this.closingChain = false;
         this.focusOrigin = 'program';
@@ -1150,7 +1150,7 @@ class KbqDropdown {
      * Emits `closed` for an activated item, which closes every panel up to the root. Its reason follows the focus
      * origin, so after keyboard navigation it is the `'keydown'` that Escape reports for closing one panel alone.
      *
-     * @internal
+     * @docs-private
      */
     closeChain(reason) {
         this.closingChain = true;