@cdevhub/ngx-tw 0.2.1 → 0.3.0

package/fesm2022/cdevhub-ngx-tw-separator.mjs

@@ -59,26 +59,35 @@ const separatorVariants = tv({
 });
 class SeparatorComponent {
     /** Controls layout direction. Defaults to `'horizontal'`. */
-    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
     /** Controls the line style. Defaults to `'solid'`. */
-    variant = input('solid', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    variant = input('solid', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     /** Controls line thickness. Defaults to `'thin'`. */
-    weight = input('thin', ...(ngDevMode ? [{ debugName: "weight" }] : /* istanbul ignore next */ []));
+    weight = input('thin', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "weight" }] : /* istanbul ignore next */ []));
     /** Sets the semantic color of the line. Defaults to `'neutral'`. */
-    color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    color = input('neutral', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
     /** When true, hides the separator from assistive technology. Defaults to `false`. */
-    decorative = input(false, ...(ngDevMode ? [{ debugName: "decorative" }] : /* istanbul ignore next */ []));
+    decorative = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "decorative" }] : /* istanbul ignore next */ []));
     variantResult = computed(() => separatorVariants({
         orientation: this.orientation(),
         variant: this.variant(),
         weight: this.weight(),
         color: this.color(),
-    }), ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
-    rootClasses = computed(() => this.variantResult().root(), ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
-    lineClasses = computed(() => this.variantResult().line(), ...(ngDevMode ? [{ debugName: "lineClasses" }] : /* istanbul ignore next */ []));
-    labelClasses = computed(() => this.variantResult().label(), ...(ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SeparatorComponent, isStandalone: true, selector: "tw-separator", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "rootClasses()", "attr.role": "decorative() ? \"none\" : \"separator\"", "attr.aria-orientation": "decorative() ? null : orientation()", "attr.aria-hidden": "decorative() ? \"true\" : null" } }, ngImport: i0, template: `
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
+    rootClasses = computed(() => this.variantResult().root(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
+    lineClasses = computed(() => this.variantResult().line(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lineClasses" }] : /* istanbul ignore next */ []));
+    labelClasses = computed(() => this.variantResult().label(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SeparatorComponent, isStandalone: true, selector: "tw-separator", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "rootClasses()", "attr.role": "decorative() ? \"none\" : \"separator\"", "attr.aria-orientation": "decorative() ? null : orientation()", "attr.aria-hidden": "decorative() ? \"true\" : null" } }, ngImport: i0, template: `
     <span [class]="lineClasses()"></span>
     @if (orientation() === 'horizontal') {
       <span [class]="labelClasses()"><ng-content /></span>
@@ -86,7 +95,7 @@ class SeparatorComponent {
     <span [class]="lineClasses()"></span>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SeparatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SeparatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-separator',

package/fesm2022/cdevhub-ngx-tw-separator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdevhub-ngx-tw-separator.mjs","sources":["../../../projects/ngx-tw/separator/separator.ts","../../../projects/ngx-tw/separator/cdevhub-ngx-tw-separator.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n} from '@angular/core';\nimport { tv } from 'tailwind-variants';\nimport type { TwColor } from '@cdevhub/ngx-tw/core';\n\n/** Line style of the separator. */\nexport type SeparatorVariant = 'solid' | 'dashed' | 'dotted';\n\n/** Line thickness of the separator. */\nexport type SeparatorWeight = 'thin' | 'medium' | 'thick';\n\nconst separatorVariants = tv({\n  slots: {\n    root: '',\n    line: 'border-solid',\n    label: 'px-3 text-sm text-fg-muted shrink-0 whitespace-nowrap empty:hidden',\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: 'flex items-center w-full',\n        line: 'flex-1 border-t',\n      },\n      vertical: {\n        root: 'flex flex-col items-center self-stretch',\n        line: 'flex-1 border-l',\n      },\n    },\n    variant: {\n      solid: { line: 'border-solid' },\n      dashed: { line: 'border-dashed' },\n      dotted: { line: 'border-dotted' },\n    },\n    weight: {\n      thin: {},\n      medium: {},\n      thick: {},\n    },\n    color: {\n      primary: { line: 'border-primary-300' },\n      secondary: { line: 'border-secondary-300' },\n      accent: { line: 'border-accent-300' },\n      neutral: { line: 'border-border' },\n      info: { line: 'border-info-300' },\n      success: { line: 'border-success-300' },\n      warning: { line: 'border-warning-300' },\n      error: { line: 'border-error-300' },\n    },\n  },\n  compoundVariants: [\n    // Horizontal weight\n    { orientation: 'horizontal', weight: 'medium', class: { line: 'border-t-2' } },\n    { orientation: 'horizontal', weight: 'thick', class: { line: 'border-t-[3px]' } },\n    // Vertical weight\n    { orientation: 'vertical', weight: 'medium', class: { line: 'border-l-2' } },\n    { orientation: 'vertical', weight: 'thick', class: { line: 'border-l-[3px]' } },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'solid',\n    weight: 'thin',\n    color: 'neutral',\n  },\n}, {\n  twMerge: true,\n});\n\n@Component({\n  selector: 'tw-separator',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'rootClasses()',\n    '[attr.role]': 'decorative() ? \"none\" : \"separator\"',\n    '[attr.aria-orientation]': 'decorative() ? null : orientation()',\n    '[attr.aria-hidden]': 'decorative() ? \"true\" : null',\n  },\n  template: `\n    <span [class]=\"lineClasses()\"></span>\n    @if (orientation() === 'horizontal') {\n      <span [class]=\"labelClasses()\"><ng-content /></span>\n    }\n    <span [class]=\"lineClasses()\"></span>\n  `,\n})\nexport class SeparatorComponent {\n  /** Controls layout direction. Defaults to `'horizontal'`. */\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n  /** Controls the line style. Defaults to `'solid'`. */\n  readonly variant = input<SeparatorVariant>('solid');\n\n  /** Controls line thickness. Defaults to `'thin'`. */\n  readonly weight = input<SeparatorWeight>('thin');\n\n  /** Sets the semantic color of the line. Defaults to `'neutral'`. */\n  readonly color = input<TwColor>('neutral');\n\n  /** When true, hides the separator from assistive technology. Defaults to `false`. */\n  readonly decorative = input(false);\n\n  private readonly variantResult = computed(() =>\n    separatorVariants({\n      orientation: this.orientation(),\n      variant: this.variant(),\n      weight: this.weight(),\n      color: this.color(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => this.variantResult().root());\n  readonly lineClasses = computed(() => this.variantResult().line());\n  readonly labelClasses = computed(() => this.variantResult().label());\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cdevhub-ngx-tw-separator.mjs","sources":["../../../projects/ngx-tw/separator/separator.ts","../../../projects/ngx-tw/separator/cdevhub-ngx-tw-separator.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n} from '@angular/core';\nimport { tv } from 'tailwind-variants';\nimport type { TwColor } from '@cdevhub/ngx-tw/core';\n\n/** Line style of the separator. */\nexport type SeparatorVariant = 'solid' | 'dashed' | 'dotted';\n\n/** Line thickness of the separator. */\nexport type SeparatorWeight = 'thin' | 'medium' | 'thick';\n\nconst separatorVariants = tv({\n  slots: {\n    root: '',\n    line: 'border-solid',\n    label: 'px-3 text-sm text-fg-muted shrink-0 whitespace-nowrap empty:hidden',\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: 'flex items-center w-full',\n        line: 'flex-1 border-t',\n      },\n      vertical: {\n        root: 'flex flex-col items-center self-stretch',\n        line: 'flex-1 border-l',\n      },\n    },\n    variant: {\n      solid: { line: 'border-solid' },\n      dashed: { line: 'border-dashed' },\n      dotted: { line: 'border-dotted' },\n    },\n    weight: {\n      thin: {},\n      medium: {},\n      thick: {},\n    },\n    color: {\n      primary: { line: 'border-primary-300' },\n      secondary: { line: 'border-secondary-300' },\n      accent: { line: 'border-accent-300' },\n      neutral: { line: 'border-border' },\n      info: { line: 'border-info-300' },\n      success: { line: 'border-success-300' },\n      warning: { line: 'border-warning-300' },\n      error: { line: 'border-error-300' },\n    },\n  },\n  compoundVariants: [\n    // Horizontal weight\n    { orientation: 'horizontal', weight: 'medium', class: { line: 'border-t-2' } },\n    { orientation: 'horizontal', weight: 'thick', class: { line: 'border-t-[3px]' } },\n    // Vertical weight\n    { orientation: 'vertical', weight: 'medium', class: { line: 'border-l-2' } },\n    { orientation: 'vertical', weight: 'thick', class: { line: 'border-l-[3px]' } },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'solid',\n    weight: 'thin',\n    color: 'neutral',\n  },\n}, {\n  twMerge: true,\n});\n\n@Component({\n  selector: 'tw-separator',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'rootClasses()',\n    '[attr.role]': 'decorative() ? \"none\" : \"separator\"',\n    '[attr.aria-orientation]': 'decorative() ? null : orientation()',\n    '[attr.aria-hidden]': 'decorative() ? \"true\" : null',\n  },\n  template: `\n    <span [class]=\"lineClasses()\"></span>\n    @if (orientation() === 'horizontal') {\n      <span [class]=\"labelClasses()\"><ng-content /></span>\n    }\n    <span [class]=\"lineClasses()\"></span>\n  `,\n})\nexport class SeparatorComponent {\n  /** Controls layout direction. Defaults to `'horizontal'`. */\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n  /** Controls the line style. Defaults to `'solid'`. */\n  readonly variant = input<SeparatorVariant>('solid');\n\n  /** Controls line thickness. Defaults to `'thin'`. */\n  readonly weight = input<SeparatorWeight>('thin');\n\n  /** Sets the semantic color of the line. Defaults to `'neutral'`. */\n  readonly color = input<TwColor>('neutral');\n\n  /** When true, hides the separator from assistive technology. Defaults to `false`. */\n  readonly decorative = input(false);\n\n  private readonly variantResult = computed(() =>\n    separatorVariants({\n      orientation: this.orientation(),\n      variant: this.variant(),\n      weight: this.weight(),\n      color: this.color(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => this.variantResult().root());\n  readonly lineClasses = computed(() => this.variantResult().line());\n  readonly labelClasses = computed(() => this.variantResult().label());\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAeA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC3B,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,KAAK,EAAE,oEAAoE;AAC5E,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE;AACX,YAAA,UAAU,EAAE;AACV,gBAAA,IAAI,EAAE,0BAA0B;AAChC,gBAAA,IAAI,EAAE,iBAAiB;AACxB,aAAA;AACD,YAAA,QAAQ,EAAE;AACR,gBAAA,IAAI,EAAE,yCAAyC;AAC/C,gBAAA,IAAI,EAAE,iBAAiB;AACxB,aAAA;AACF,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;AAC/B,YAAA,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;AACjC,YAAA,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;AAClC,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,KAAK,EAAE,EAAE;AACV,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE;AACvC,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE;AAC3C,YAAA,MAAM,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;AACrC,YAAA,OAAO,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;AAClC,YAAA,IAAI,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;AACjC,YAAA,OAAO,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE;AACvC,YAAA,OAAO,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE;AACvC,YAAA,KAAK,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE;AACpC,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;;AAEhB,QAAA,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE;AAC9E,QAAA,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE;;AAEjF,QAAA,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE;AAC5E,QAAA,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE;AAChF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,WAAW,EAAE,YAAY;AACzB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;CACF,EAAE;AACD,IAAA,OAAO,EAAE,IAAI;AACd,CAAA,CAAC;MAmBW,kBAAkB,CAAA;;IAEpB,WAAW,GAAG,KAAK,CAA4B,YAAY;oFAAC;;IAG5D,OAAO,GAAG,KAAK,CAAmB,OAAO;gFAAC;;IAG1C,MAAM,GAAG,KAAK,CAAkB,MAAM;+EAAC;;IAGvC,KAAK,GAAG,KAAK,CAAU,SAAS;8EAAC;;IAGjC,UAAU,GAAG,KAAK,CAAC,KAAK;mFAAC;AAEjB,IAAA,aAAa,GAAG,QAAQ,CAAC,MACxC,iBAAiB,CAAC;AAChB,QAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,QAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,QAAA,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;AACrB,QAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;KACpB,CAAC;sFACH;AAEQ,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE;oFAAC;AACzD,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE;oFAAC;AACzD,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE;qFAAC;uGA3BzD,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,WAAA,EAAA,yCAAA,EAAA,uBAAA,EAAA,qCAAA,EAAA,kBAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARnB;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAjB9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;oBACxB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,eAAe;AAC1B,wBAAA,aAAa,EAAE,qCAAqC;AACpD,wBAAA,yBAAyB,EAAE,qCAAqC;AAChE,wBAAA,oBAAoB,EAAE,8BAA8B;AACrD,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;AAMT,EAAA,CAAA;AACF,iBAAA;;;ACvFD;;AAEG;;;;"}

package/fesm2022/cdevhub-ngx-tw-sheet.mjs

@@ -168,16 +168,20 @@ class SheetContainer extends CdkDialogContainer {
     enterAnimationDuration;
     /** Resolved exit-animation duration in ms. */
     exitAnimationDuration;
-    sideAttr = computed(() => this._config.side ?? 'right', ...(ngDevMode ? [{ debugName: "sideAttr" }] : /* istanbul ignore next */ []));
+    sideAttr = computed(() => this._config.side ?? 'right', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideAttr" }] : /* istanbul ignore next */ []));
     variants = computed(() => {
         const side = this._config.side ?? 'right';
         const size = this._config.size ?? 'md';
         return sheetContainerVariants({ side, size });
-    }, ...(ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []));
-    hostClasses = computed(() => mergeOverlayPanelClass(this.variants().host(), this._config.panelClass), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => mergeOverlayPanelClass(this.variants().host(), this._config.panelClass), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     ariaDescribedByAttr = computed(() => this._config.ariaDescribedBy ||
         this.coordinator.describedByIds()[0] ||
-        null, ...(ngDevMode ? [{ debugName: "ariaDescribedByAttr" }] : /* istanbul ignore next */ []));
+        null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaDescribedByAttr" }] : /* istanbul ignore next */ []));
     transitionDuration = this.coordinator.transitionDuration;
     constructor() {
         super();
@@ -201,10 +205,10 @@ class SheetContainer extends CdkDialogContainer {
     _removeAriaDescribedBy(id) {
         this.coordinator.removeAriaDescribedBy(id);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: SheetContainer, isStandalone: true, selector: "tw-sheet-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.id": "_config.id || null", "attr.role": "_config.role", "attr.aria-modal": "_config.ariaModal", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledByQueue[0]", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "ariaDescribedByAttr()", "attr.data-state": "state()", "attr.data-side": "sideAttr()", "class": "hostClasses()", "style.transition-duration.ms": "transitionDuration()" } }, providers: [OverlayContainerCoordinator], usesInheritance: true, ngImport: i0, template: '<ng-template cdkPortalOutlet />', isInline: true, dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: SheetContainer, isStandalone: true, selector: "tw-sheet-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.id": "_config.id || null", "attr.role": "_config.role", "attr.aria-modal": "_config.ariaModal", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledByQueue[0]", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "ariaDescribedByAttr()", "attr.data-state": "state()", "attr.data-side": "sideAttr()", "class": "hostClasses()", "style.transition-duration.ms": "transitionDuration()" } }, providers: [OverlayContainerCoordinator], usesInheritance: true, ngImport: i0, template: '<ng-template cdkPortalOutlet />', isInline: true, dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-sheet-container',
@@ -251,7 +255,8 @@ class SheetRef {
     closeOnEscape;
     /** When `false`, clicking the backdrop does not close the sheet. */
     closeOnBackdropClick;
-    stateSignal = signal('opening', ...(ngDevMode ? [{ debugName: "stateSignal" }] : /* istanbul ignore next */ []));
+    stateSignal = signal('opening', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stateSignal" }] : /* istanbul ignore next */ []));
     afterOpenedSubject = new ReplaySubject(1);
     beforeClosedSubject = new ReplaySubject(1);
     afterClosedSubject = new ReplaySubject(1);
@@ -375,7 +380,8 @@ class Sheet {
     injector = inject(Injector);
     defaultOptions = inject(SHEET_DEFAULT_OPTIONS, { optional: true }) ?? {};
     parentSheet = inject(Sheet, { optional: true, skipSelf: true });
-    openSheetsAtThisLevel = signal([], ...(ngDevMode ? [{ debugName: "openSheetsAtThisLevel" }] : /* istanbul ignore next */ []));
+    openSheetsAtThisLevel = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openSheetsAtThisLevel" }] : /* istanbul ignore next */ []));
     afterOpenedSubject = new Subject();
     afterAllClosedSubject = new Subject();
     /** Reactively-readable list of currently-open sheets across the full sheet tree. */
@@ -528,10 +534,10 @@ class Sheet {
                 return strategy.top('0').right('0').bottom('0');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Sheet, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Sheet });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: Sheet, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: Sheet });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Sheet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: Sheet, decorators: [{
             type: Injectable
         }] });
 /**
@@ -557,10 +563,10 @@ function provideSheet(defaultOptions) {
  * content below.
  */
 class SheetHeaderDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: SheetHeaderDirective, isStandalone: true, selector: "[twSheetHeader], tw-sheet-header", host: { classAttribute: "flex items-start gap-3 px-6 pt-6 pb-4" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: SheetHeaderDirective, isStandalone: true, selector: "[twSheetHeader], tw-sheet-header", host: { classAttribute: "flex items-start gap-3 px-6 pt-6 pb-4" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twSheetHeader], tw-sheet-header',
@@ -587,16 +593,18 @@ const ICON_COLOR_CLASSES = {
  */
 class SheetIconDirective {
     /** Semantic color for the icon container. Defaults to a neutral surface. */
-    color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    color = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
     classes = computed(() => {
         const base = 'flex size-10 shrink-0 items-center justify-center rounded-full';
         const color = this.color();
         return color ? `${base} ${ICON_COLOR_CLASSES[color]}` : `${base} bg-surface-muted text-fg`;
-    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: SheetIconDirective, isStandalone: true, selector: "[twSheetIcon]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SheetIconDirective, isStandalone: true, selector: "[twSheetIcon]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twSheetIcon]',
@@ -618,7 +626,8 @@ class SheetTitleDirective {
     // directive lives inside `<tw-sheet-container>`'s DOM tree.
     container = inject(SheetContainer, { optional: true, skipSelf: true });
     /** Custom id for the title element. Defaults to a generated unique id. */
-    id = input(this.generatedId, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    id = input(this.generatedId, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         const containerInstance = this.sheetRef?.containerInstance ?? this.container;
         if (containerInstance)
@@ -629,10 +638,10 @@ class SheetTitleDirective {
         if (containerInstance)
             containerInstance._removeAriaLabelledBy(this.id());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: SheetTitleDirective, isStandalone: true, selector: "[twSheetTitle], tw-sheet-title", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()" }, classAttribute: "text-sm font-semibold text-fg" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SheetTitleDirective, isStandalone: true, selector: "[twSheetTitle], tw-sheet-title", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()" }, classAttribute: "text-sm font-semibold text-fg" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twSheetTitle], tw-sheet-title',
@@ -644,10 +653,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 /** Secondary line beneath the sheet title — intended for a short description. */
 class SheetSubtitleDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: SheetSubtitleDirective, isStandalone: true, selector: "[twSheetSubtitle], tw-sheet-subtitle", host: { classAttribute: "text-sm text-fg-muted" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: SheetSubtitleDirective, isStandalone: true, selector: "[twSheetSubtitle], tw-sheet-subtitle", host: { classAttribute: "text-sm text-fg-muted" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetSubtitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twSheetSubtitle], tw-sheet-subtitle',
@@ -667,7 +676,8 @@ class SheetDescriptionDirective {
     // Ancestor-DI fallback — see SheetTitleDirective.
     container = inject(SheetContainer, { optional: true, skipSelf: true });
     /** Custom id for the description element. Defaults to a generated unique id. */
-    id = input(this.generatedId, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    id = input(this.generatedId, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         const containerInstance = this.sheetRef?.containerInstance ?? this.container;
         if (containerInstance)
@@ -678,10 +688,10 @@ class SheetDescriptionDirective {
         if (containerInstance)
             containerInstance._removeAriaDescribedBy(this.id());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: SheetDescriptionDirective, isStandalone: true, selector: "[twSheetDescription], tw-sheet-description", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SheetDescriptionDirective, isStandalone: true, selector: "[twSheetDescription], tw-sheet-description", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twSheetDescription], tw-sheet-description',
@@ -696,10 +706,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * strategies and nested scrollables.
  */
 class SheetContentDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: SheetContentDirective, isStandalone: true, selector: "[twSheetContent], tw-sheet-content", host: { classAttribute: "flex-1 overflow-y-auto px-6 py-4 text-sm text-fg" }, hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: SheetContentDirective, isStandalone: true, selector: "[twSheetContent], tw-sheet-content", host: { classAttribute: "flex-1 overflow-y-auto px-6 py-4 text-sm text-fg" }, hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twSheetContent], tw-sheet-content',
@@ -715,16 +725,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  */
 class SheetActionsDirective {
     /** Horizontal alignment of the action buttons. Defaults to `'end'`. */
-    align = input('end', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    align = input('end', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
     classes = computed(() => {
         const align = this.align();
         const justify = align === 'start' ? 'justify-start' : align === 'center' ? 'justify-center' : 'justify-end';
         return `flex flex-wrap items-center gap-2 px-6 py-4 border-t border-border-muted ${justify}`;
-    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: SheetActionsDirective, isStandalone: true, selector: "[twSheetActions], tw-sheet-actions", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SheetActionsDirective, isStandalone: true, selector: "[twSheetActions], tw-sheet-actions", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetActionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twSheetActions], tw-sheet-actions',
@@ -739,17 +751,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  */
 class SheetCloseDirective {
     /** Value passed to `afterClosed()` when the button is clicked. */
-    twSheetClose = input(undefined, ...(ngDevMode ? [{ debugName: "twSheetClose" }] : /* istanbul ignore next */ []));
+    twSheetClose = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "twSheetClose" }] : /* istanbul ignore next */ []));
     /** Native button `type`. Defaults to `'button'` to avoid accidental form submission. */
-    type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
     sheetRef = inject(SheetRef, { optional: true });
     onClick() {
         this.sheetRef?.close(this.twSheetClose());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: SheetCloseDirective, isStandalone: true, selector: "[twSheetClose]", inputs: { twSheetClose: { classPropertyName: "twSheetClose", publicName: "twSheetClose", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "type()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SheetCloseDirective, isStandalone: true, selector: "[twSheetClose]", inputs: { twSheetClose: { classPropertyName: "twSheetClose", publicName: "twSheetClose", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "type()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SheetCloseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SheetCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twSheetClose]',