pdm-ui-kit 0.1.14 → 0.1.16

package/esm2020/lib/components/button/button.component.mjs

@@ -12,19 +12,19 @@ export class PdmButtonComponent {
         this.className = '';
         this.pressed = new EventEmitter();
         this.toneClassMap = {
-            default: { default: 'bg-primary text-primary-foreground', hover: 'bg-primary text-primary-foreground opacity-90' },
-            primary: { default: 'bg-primary text-primary-foreground', hover: 'bg-primary text-primary-foreground opacity-90' },
-            destructive: { default: 'bg-destructive text-destructive-foreground', hover: 'bg-destructive text-destructive-foreground opacity-90' },
-            outline: { default: 'border border-border bg-background text-foreground', hover: 'border border-border bg-muted text-foreground' },
-            subtle: { default: 'bg-secondary text-secondary-foreground', hover: 'bg-accent text-accent-foreground' },
-            secondary: { default: 'bg-secondary text-secondary-foreground', hover: 'bg-accent text-accent-foreground' },
-            ghost: { default: 'bg-transparent text-foreground', hover: 'bg-accent text-accent-foreground' },
-            link: { default: 'bg-transparent text-primary', hover: 'bg-transparent text-primary underline underline-offset-4' },
-            'with-icon': { default: 'bg-primary text-primary-foreground', hover: 'bg-primary text-primary-foreground opacity-90' },
-            icon: { default: 'border border-input bg-background text-foreground', hover: 'border border-input bg-accent text-accent-foreground' },
-            'icon-circle': { default: 'border border-input bg-background text-foreground', hover: 'border border-input bg-accent text-accent-foreground' },
-            rounded: { default: 'border border-input bg-background text-foreground', hover: 'border border-input bg-accent text-accent-foreground' },
-            loading: { default: 'bg-primary text-primary-foreground opacity-70', hover: 'bg-primary text-primary-foreground opacity-70' }
+            default: { default: 'border-transparent bg-primary text-primary-foreground', hover: 'border-transparent bg-primary text-primary-foreground opacity-90' },
+            primary: { default: 'border-transparent bg-primary text-primary-foreground', hover: 'border-transparent bg-primary text-primary-foreground opacity-90' },
+            destructive: { default: 'border-transparent bg-destructive text-destructive-foreground', hover: 'border-transparent bg-destructive text-destructive-foreground opacity-90' },
+            outline: { default: 'border-border bg-background text-foreground', hover: 'border-border bg-muted text-foreground' },
+            subtle: { default: 'border-transparent bg-secondary text-secondary-foreground', hover: 'border-transparent bg-accent text-accent-foreground' },
+            secondary: { default: 'border-transparent bg-secondary text-secondary-foreground', hover: 'border-transparent bg-accent text-accent-foreground' },
+            ghost: { default: 'border-transparent bg-transparent text-foreground', hover: 'border-transparent bg-accent text-accent-foreground' },
+            link: { default: 'border-transparent bg-transparent text-primary', hover: 'border-transparent bg-transparent text-primary underline underline-offset-4' },
+            'with-icon': { default: 'border-transparent bg-primary text-primary-foreground', hover: 'border-transparent bg-primary text-primary-foreground opacity-90' },
+            icon: { default: 'border-border bg-background text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
+            'icon-circle': { default: 'border-border bg-background text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
+            rounded: { default: 'border-border bg-background text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
+            loading: { default: 'border-transparent bg-primary text-primary-foreground opacity-70', hover: 'border-transparent bg-primary text-primary-foreground opacity-70' }
         };
     }
     get isDisabled() {
@@ -34,7 +34,7 @@ export class PdmButtonComponent {
         const currentState = this.state === 'hover' ? 'hover' : 'default';
         const toneClass = this.toneClassMap[this.variant][currentState];
         return [
-            'inline-flex items-center justify-center gap-2 rounded-md border border-transparent text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-clip-padding',
+            'inline-flex items-center justify-center gap-2 rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-clip-padding',
             this.variant === 'link' ? 'px-4 py-2 h-9' : '',
             this.variant === 'icon' ? 'h-9 w-9 p-0' : '',
             this.variant === 'icon-circle' ? 'h-10 w-10 rounded-full p-0' : '',
@@ -79,4 +79,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }], pressed: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXdCaEcsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU1XLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBQy9DLFlBQU8sR0FBcUIsU0FBUyxDQUFDO1FBQ3RDLFVBQUssR0FBbUIsU0FBUyxDQUFDO1FBQ2xDLFNBQUksR0FBa0IsU0FBUyxDQUFDO1FBQ2hDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRWQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7UUFFMUMsaUJBQVksR0FBaUU7WUFDcEYsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLG9DQUFvQyxFQUFFLEtBQUssRUFBRSwrQ0FBK0MsRUFBRTtZQUNsSCxPQUFPLEVBQUUsRUFBRSxPQUFPLEVBQUUsb0NBQW9DLEVBQUUsS0FBSyxFQUFFLCtDQUErQyxFQUFFO1lBQ2xILFdBQVcsRUFBRSxFQUFFLE9BQU8sRUFBRSw0Q0FBNEMsRUFBRSxLQUFLLEVBQUUsdURBQXVELEVBQUU7WUFDdEksT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLG9EQUFvRCxFQUFFLEtBQUssRUFBRSwrQ0FBK0MsRUFBRTtZQUNsSSxNQUFNLEVBQUUsRUFBRSxPQUFPLEVBQUUsd0NBQXdDLEVBQUUsS0FBSyxFQUFFLGtDQUFrQyxF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O3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFBkbUJ1dHRvblZhcmlhbnQgPVxuICB8ICdkZWZhdWx0J1xuICB8ICdwcmltYXJ5J1xuICB8ICdkZXN0cnVjdGl2ZSdcbiAgfCAnb3V0bGluZSdcbiAgfCAnc3VidGxlJ1xuICB8ICdzZWNvbmRhcnknXG4gIHwgJ2dob3N0J1xuICB8ICdsaW5rJ1xuICB8ICd3aXRoLWljb24nXG4gIHwgJ2ljb24nXG4gIHwgJ2ljb24tY2lyY2xlJ1xuICB8ICdyb3VuZGVkJ1xuICB8ICdsb2FkaW5nJztcbmV4cG9ydCB0eXBlIFBkbUJ1dHRvblN0YXRlID0gJ2RlZmF1bHQnIHwgJ2hvdmVyJztcbmV4cG9ydCB0eXBlIFBkbUJ1dHRvblNpemUgPSAnc21hbGwnIHwgJ2RlZmF1bHQnIHwgJ2xhcmdlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGRtLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQZG1CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSB0eXBlOiAnYnV0dG9uJyB8ICdzdWJtaXQnIHwgJ3Jlc2V0JyA9ICdidXR0b24nO1xuICBASW5wdXQoKSB2YXJpYW50OiBQZG1CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xuICBASW5wdXQoKSBzdGF0ZTogUGRtQnV0dG9uU3RhdGUgPSAnZGVmYXVsdCc7XG4gIEBJbnB1dCgpIHNpemU6IFBkbUJ1dHRvblNpemUgPSAnZGVmYXVsdCc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcbiAgQElucHV0KCkgY2xhc3NOYW1lID0gJyc7XG5cbiAgQE91dHB1dCgpIHByZXNzZWQgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgcmVhZG9ubHkgdG9uZUNsYXNzTWFwOiBSZWNvcmQ8UGRtQnV0dG9uVmFyaWFudCwgeyBkZWZhdWx0OiBzdHJpbmc7IGhvdmVyOiBzdHJpbmcgfT4gPSB7XG4gICAgZGVmYXVsdDogeyBkZWZhdWx0OiAnYmctcHJpbWFyeSB0ZXh0LXByaW1hcnktZm9yZWdyb3VuZCcsIGhvdmVyOiAnYmctcHJpbWFyeSB0ZXh0LXByaW1hcnktZm9yZWdyb3VuZCBvcGFjaXR5LTkwJyB9LFxuICAgIHByaW1hcnk6IHsgZGVmYXVsdDogJ2JnLXByaW1hcnkgdGV4dC1wcmltYXJ5LWZvcmVncm91bmQnLCBob3ZlcjogJ2JnLXByaW1hcnkgdGV4dC1wcmltYXJ5LWZvcmVncm91bmQgb3BhY2l0eS05MCcgfSxcbiAgICBkZXN0cnVjdGl2ZTogeyBkZWZhdWx0OiAnYmctZGVzdHJ1Y3RpdmUgdGV4dC1kZXN0cnVjdGl2ZS1mb3JlZ3JvdW5kJywgaG92ZXI6ICdiZy1kZXN0cnVjdGl2ZSB0ZXh0LWRlc3RydWN0aXZlLWZvcmVncm91bmQgb3BhY2l0eS05MCcgfSxcbiAgICBvdXRsaW5lOiB7IGRlZmF1bHQ6ICdib3JkZXIgYm9yZGVyLWJvcmRlciBiZy1iYWNrZ3JvdW5kIHRleHQtZm9yZWdyb3VuZCcsIGhvdmVyOiAnYm9yZGVyIGJvcmRlci1ib3JkZXIgYmctbXV0ZWQgdGV4dC1mb3JlZ3JvdW5kJyB9LFxuICAgIHN1YnRsZTogeyBkZWZhdWx0OiAnYmctc2Vjb25kYXJ5IHRleHQtc2Vjb25kYXJ5LWZvcmVncm91bmQnLCBob3ZlcjogJ2JnLWFjY2VudCB0ZXh0LWFjY2VudC1mb3JlZ3JvdW5kJyB9LFxuICAgIHNlY29uZGFyeTogeyBkZWZhdWx0OiAnYmctc2Vjb25kYXJ5IHRleHQtc2Vjb25kYXJ5LWZvcmVncm91bmQnLCBob3ZlcjogJ2JnLWFjY2VudCB0ZXh0LWFjY2VudC1mb3JlZ3JvdW5kJyB9LFxuICAgIGdob3N0OiB7IGRlZmF1bHQ6ICdiZy10cmFuc3BhcmVudCB0ZXh0LWZvcmVncm91bmQnLCBob3ZlcjogJ2JnLWFjY2VudCB0ZXh0LWFjY2VudC1mb3JlZ3JvdW5kJyB9LFxuICAgIGxpbms6IHsgZGVmYXVsdDogJ2JnLXRyYW5zcGFyZW50IHRleHQtcHJpbWFyeScsIGhvdmVyOiAnYmctdHJhbnNwYXJlbnQgdGV4dC1wcmltYXJ5IHVuZGVybGluZSB1bmRlcmxpbmUtb2Zmc2V0LTQnIH0sXG4gICAgJ3dpdGgtaWNvbic6IHsgZGVmYXVsdDogJ2JnLXByaW1hcnkgdGV4dC1wcmltYXJ5LWZvcmVncm91bmQnLCBob3ZlcjogJ2JnLXByaW1hcnkgdGV4dC1wcmltYXJ5LWZvcmVncm91bmQgb3BhY2l0eS05MCcgfSxcbiAgICBpY29uOiB7IGRlZmF1bHQ6ICdib3JkZXIgYm9yZGVyLWlucHV0IGJnLWJhY2tncm91bmQgdGV4dC1mb3JlZ3JvdW5kJywgaG92ZXI6ICdib3JkZXIgYm9yZGVyLWlucHV0IGJnLWFjY2VudCB0ZXh0LWFjY2VudC1mb3JlZ3JvdW5kJyB9LFxuICAgICdpY29uLWNpcmNsZSc6IHsgZGVmYXVsdDogJ2JvcmRlciBib3JkZXItaW5wdXQgYmctYmFja2dyb3VuZCB0ZXh0LWZvcmVncm91bmQnLCBob3ZlcjogJ2JvcmRlciBib3JkZXItaW5wdXQgYmctYWNjZW50IHRleHQtYWNjZW50LWZvcmVncm91bmQnIH0sXG4gICAgcm91bmRlZDogeyBkZWZhdWx0OiAnYm9yZGVyIGJvcmRlci1pbnB1dCBiZy1iYWNrZ3JvdW5kIHRleHQtZm9yZWdyb3VuZCcsIGhvdmVyOiAnYm9yZGVyIGJvcmRlci1pbnB1dCBiZy1hY2NlbnQgdGV4dC1hY2NlbnQtZm9yZWdyb3VuZCcgfSxcbiAgICBsb2FkaW5nOiB7IGRlZmF1bHQ6ICdiZy1wcmltYXJ5IHRleHQtcHJpbWFyeS1mb3JlZ3JvdW5kIG9wYWNpdHktNzAnLCBob3ZlcjogJ2JnLXByaW1hcnkgdGV4dC1wcmltYXJ5LWZvcmVncm91bmQgb3BhY2l0eS03MCcgfVxuICB9O1xuXG4gIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkIHx8IHRoaXMubG9hZGluZyB8fCB0aGlzLnZhcmlhbnQgPT09ICdsb2FkaW5nJztcbiAgfVxuXG4gIGdldCByb290Q2xhc3NlcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgY3VycmVudFN0YXRlID0gdGhpcy5zdGF0ZSA9PT0gJ2hvdmVyJyA/ICdob3ZlcicgOiAnZGVmYXVsdCc7XG4gICAgY29uc3QgdG9uZUNsYXNzID0gdGhpcy50b25lQ2xhc3NNYXBbdGhpcy52YXJpYW50XVtjdXJyZW50U3RhdGVdO1xuXG4gICAgcmV0dXJuIFtcbiAgICAgICdpbmxpbmUtZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgZ2FwLTIgcm91bmRlZC1tZCBib3JkZXIgYm9yZGVyLXRyYW5zcGFyZW50IHRleHQtc20gZm9udC1tZWRpdW0gcmluZy1vZmZzZXQtYmFja2dyb3VuZCB0cmFuc2l0aW9uLWNvbG9ycyBmb2N1cy12aXNpYmxlOm91dGxpbmUtbm9uZSBmb2N1cy12aXNpYmxlOnJpbmctWzNweF0gZm9jdXMtdmlzaWJsZTpyaW5nLXJpbmcvNTAgZm9jdXMtdmlzaWJsZTpyaW5nLW9mZnNldC0yIGRpc2FibGVkOnBvaW50ZXItZXZlbnRzLW5vbmUgZGlzYWJsZWQ6b3BhY2l0eS01MCBiZy1jbGlwLXBhZGRpbmcnLFxuICAgICAgdGhpcy52YXJpYW50ID09PSAnbGluaycgPyAncHgtNCBweS0yIGgtOScgOiAnJyxcbiAgICAgIHRoaXMudmFyaWFudCA9PT0gJ2ljb24nID8gJ2gtOSB3LTkgcC0wJyA6ICcnLFxuICAgICAgdGhpcy52YXJpYW50ID09PSAnaWNvbi1jaXJjbGUnID8gJ2gtMTAgdy0xMCByb3VuZGVkLWZ1bGwgcC0wJyA6ICcnLFxuICAgICAgdGhpcy52YXJpYW50ID09PSAncm91bmRlZCcgPyAnaC05IHctOSByb3VuZGVkLWZ1bGwgcC0wJyA6ICcnLFxuICAgICAgdGhpcy52YXJpYW50ICE9PSAnaWNvbicgJiYgdGhpcy52YXJpYW50ICE9PSAnaWNvbi1jaXJjbGUnICYmIHRoaXMudmFyaWFudCAhPT0gJ3JvdW5kZWQnXG4gICAgICAgID8gdGhpcy5zaXplID09PSAnc21hbGwnXG4gICAgICAgICAgPyAnaC04IHB4LTMgdGV4dC14cydcbiAgICAgICAgICA6IHRoaXMuc2l6ZSA9PT0gJ2xhcmdlJ1xuICAgICAgICAgICAgPyAnaC0xMCBweC04J1xuICAgICAgICAgICAgOiAnaC05IHB4LTQnXG4gICAgICAgIDogJycsXG4gICAgICB0aGlzLnZhcmlhbnQgPT09ICdsaW5rJyAmJiB0aGlzLnN0YXRlID09PSAnaG92ZXInID8gJ3VuZGVybGluZSB1bmRlcmxpbmUtb2Zmc2V0LTQnIDogJycsXG4gICAgICB0b25lQ2xhc3MsXG4gICAgICB0aGlzLmNsYXNzTmFtZVxuICAgIF07XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlzRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMucHJlc3NlZC5lbWl0KGV2ZW50KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgW3R5cGVdPVwidHlwZVwiXG4gIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgW2F0dHIuYXJpYS1idXN5XT1cImxvYWRpbmdcIlxuICBbbmdDbGFzc109XCJyb290Q2xhc3Nlc1wiXG4gIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuPlxuICA8c3BhblxuICAgICpuZ0lmPVwibG9hZGluZ1wiXG4gICAgY2xhc3M9XCJpbmxpbmUtYmxvY2sgaC00IHctNCBhbmltYXRlLXNwaW4gcm91bmRlZC1mdWxsIGJvcmRlci0yIGJvcmRlci1jdXJyZW50IGJvcmRlci1yLXRyYW5zcGFyZW50XCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICA+PC9zcGFuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbcGRtQnV0dG9uSWNvbl1cIiAqbmdJZj1cInZhcmlhbnQgPT09ICd3aXRoLWljb24nIHx8IHZhcmlhbnQgPT09ICdpY29uJyB8fCB2YXJpYW50ID09PSAnaWNvbi1jaXJjbGUnIHx8IHZhcmlhbnQgPT09ICdyb3VuZGVkJ1wiPjwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9idXR0b24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXdCaEcsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU1XLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBQy9DLFlBQU8sR0FBcUIsU0FBUyxDQUFDO1FBQ3RDLFVBQUssR0FBbUIsU0FBUyxDQUFDO1FBQ2xDLFNBQUksR0FBa0IsU0FBUyxDQUFDO1FBQ2hDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRWQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7UUFFMUMsaUJBQVksR0FBaUU7WUFDcEYsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLHVEQUF1RCxFQUFFLEtBQUssRUFBRSxrRUFBa0UsRUFBRTtZQUN4SixPQUFPLEVBQUUsRUFBRSxPQUFPLEVBQUUsdURBQXVELEVBQUUsS0FBSyxFQUFFLGtFQUFrRSxFQUFFO1lBQ3hKLFdBQVcsRUFBRSxFQUFFLE9BQU8sRUFBRSwrREFBK0QsRUFBRSxLQUFLLEVBQUUsMEVBQTBFLEVBQUU7WUFDNUssT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLDZDQUE2QyxFQUFFLEtBQUssRUFBRSx3Q0FBd0MsRUFBRTtZQUNwSCxNQUFNLEVBQUUsRUFBRSxPQUFPLEVBQUUsMkRBQTJELEVBQUUsS0FBSyxFQUFFLHFEQUFxRCxF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O3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFBkbUJ1dHRvblZhcmlhbnQgPVxuICB8ICdkZWZhdWx0J1xuICB8ICdwcmltYXJ5J1xuICB8ICdkZXN0cnVjdGl2ZSdcbiAgfCAnb3V0bGluZSdcbiAgfCAnc3VidGxlJ1xuICB8ICdzZWNvbmRhcnknXG4gIHwgJ2dob3N0J1xuICB8ICdsaW5rJ1xuICB8ICd3aXRoLWljb24nXG4gIHwgJ2ljb24nXG4gIHwgJ2ljb24tY2lyY2xlJ1xuICB8ICdyb3VuZGVkJ1xuICB8ICdsb2FkaW5nJztcbmV4cG9ydCB0eXBlIFBkbUJ1dHRvblN0YXRlID0gJ2RlZmF1bHQnIHwgJ2hvdmVyJztcbmV4cG9ydCB0eXBlIFBkbUJ1dHRvblNpemUgPSAnc21hbGwnIHwgJ2RlZmF1bHQnIHwgJ2xhcmdlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGRtLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQZG1CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSB0eXBlOiAnYnV0dG9uJyB8ICdzdWJtaXQnIHwgJ3Jlc2V0JyA9ICdidXR0b24nO1xuICBASW5wdXQoKSB2YXJpYW50OiBQZG1CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xuICBASW5wdXQoKSBzdGF0ZTogUGRtQnV0dG9uU3RhdGUgPSAnZGVmYXVsdCc7XG4gIEBJbnB1dCgpIHNpemU6IFBkbUJ1dHRvblNpemUgPSAnZGVmYXVsdCc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcbiAgQElucHV0KCkgY2xhc3NOYW1lID0gJyc7XG5cbiAgQE91dHB1dCgpIHByZXNzZWQgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgcmVhZG9ubHkgdG9uZUNsYXNzTWFwOiBSZWNvcmQ8UGRtQnV0dG9uVmFyaWFudCwgeyBkZWZhdWx0OiBzdHJpbmc7IGhvdmVyOiBzdHJpbmcgfT4gPSB7XG4gICAgZGVmYXVsdDogeyBkZWZhdWx0OiAnYm9yZGVyLXRyYW5zcGFyZW50IGJnLXByaW1hcnkgdGV4dC1wcmltYXJ5LWZvcmVncm91bmQnLCBob3ZlcjogJ2JvcmRlci10cmFuc3BhcmVudCBiZy1wcmltYXJ5IHRleHQtcHJpbWFyeS1mb3JlZ3JvdW5kIG9wYWNpdHktOTAnIH0sXG4gICAgcHJpbWFyeTogeyBkZWZhdWx0OiAnYm9yZGVyLXRyYW5zcGFyZW50IGJnLXByaW1hcnkgdGV4dC1wcmltYXJ5LWZvcmVncm91bmQnLCBob3ZlcjogJ2JvcmRlci10cmFuc3BhcmVudCBiZy1wcmltYXJ5IHRleHQtcHJpbWFyeS1mb3JlZ3JvdW5kIG9wYWNpdHktOTAnIH0sXG4gICAgZGVzdHJ1Y3RpdmU6IHsgZGVmYXVsdDogJ2JvcmRlci10cmFuc3BhcmVudCBiZy1kZXN0cnVjdGl2ZSB0ZXh0LWRlc3RydWN0aXZlLWZvcmVncm91bmQnLCBob3ZlcjogJ2JvcmRlci10cmFuc3BhcmVudCBiZy1kZXN0cnVjdGl2ZSB0ZXh0LWRlc3RydWN0aXZlLWZvcmVncm91bmQgb3BhY2l0eS05MCcgfSxcbiAgICBvdXRsaW5lOiB7IGRlZmF1bHQ6ICdib3JkZXItYm9yZGVyIGJnLWJhY2tncm91bmQgdGV4dC1mb3JlZ3JvdW5kJywgaG92ZXI6ICdib3JkZXItYm9yZGVyIGJnLW11dGVkIHRleHQtZm9yZWdyb3VuZCcgfSxcbiAgICBzdWJ0bGU6IHsgZGVmYXVsdDogJ2JvcmRlci10cmFuc3BhcmVudCBiZy1zZWNvbmRhcnkgdGV4dC1zZWNvbmRhcnktZm9yZWdyb3VuZCcsIGhvdmVyOiAnYm9yZGVyLXRyYW5zcGFyZW50IGJnLWFjY2VudCB0ZXh0LWFjY2VudC1mb3JlZ3JvdW5kJyB9LFxuICAgIHNlY29uZGFyeTogeyBkZWZhdWx0OiAnYm9yZGVyLXRyYW5zcGFyZW50IGJnLXNlY29uZGFyeSB0ZXh0LXNlY29uZGFyeS1mb3JlZ3JvdW5kJywgaG92ZXI6ICdib3JkZXItdHJhbnNwYXJlbnQgYmctYWNjZW50IHRleHQtYWNjZW50LWZvcmVncm91bmQnIH0sXG4gICAgZ2hvc3Q6IHsgZGVmYXVsdDogJ2JvcmRlci10cmFuc3BhcmVudCBiZy10cmFuc3BhcmVudCB0ZXh0LWZvcmVncm91bmQnLCBob3ZlcjogJ2JvcmRlci10cmFuc3BhcmVudCBiZy1hY2NlbnQgdGV4dC1hY2NlbnQtZm9yZWdyb3VuZCcgfSxcbiAgICBsaW5rOiB7IGRlZmF1bHQ6ICdib3JkZXItdHJhbnNwYXJlbnQgYmctdHJhbnNwYXJlbnQgdGV4dC1wcmltYXJ5JywgaG92ZXI6ICdib3JkZXItdHJhbnNwYXJlbnQgYmctdHJhbnNwYXJlbnQgdGV4dC1wcmltYXJ5IHVuZGVybGluZSB1bmRlcmxpbmUtb2Zmc2V0LTQnIH0sXG4gICAgJ3dpdGgtaWNvbic6IHsgZGVmYXVsdDogJ2JvcmRlci10cmFuc3BhcmVudCBiZy1wcmltYXJ5IHRleHQtcHJpbWFyeS1mb3JlZ3JvdW5kJywgaG92ZXI6ICdib3JkZXItdHJhbnNwYXJlbnQgYmctcHJpbWFyeSB0ZXh0LXByaW1hcnktZm9yZWdyb3VuZCBvcGFjaXR5LTkwJyB9LFxuICAgIGljb246IHsgZGVmYXVsdDogJ2JvcmRlci1ib3JkZXIgYmctYmFja2dyb3VuZCB0ZXh0LWZvcmVncm91bmQnLCBob3ZlcjogJ2JvcmRlci1ib3JkZXIgYmctYWNjZW50IHRleHQtYWNjZW50LWZvcmVncm91bmQnIH0sXG4gICAgJ2ljb24tY2lyY2xlJzogeyBkZWZhdWx0OiAnYm9yZGVyLWJvcmRlciBiZy1iYWNrZ3JvdW5kIHRleHQtZm9yZWdyb3VuZCcsIGhvdmVyOiAnYm9yZGVyLWJvcmRlciBiZy1hY2NlbnQgdGV4dC1hY2NlbnQtZm9yZWdyb3VuZCcgfSxcbiAgICByb3VuZGVkOiB7IGRlZmF1bHQ6ICdib3JkZXItYm9yZGVyIGJnLWJhY2tncm91bmQgdGV4dC1mb3JlZ3JvdW5kJywgaG92ZXI6ICdib3JkZXItYm9yZGVyIGJnLWFjY2VudCB0ZXh0LWFjY2VudC1mb3JlZ3JvdW5kJyB9LFxuICAgIGxvYWRpbmc6IHsgZGVmYXVsdDogJ2JvcmRlci10cmFuc3BhcmVudCBiZy1wcmltYXJ5IHRleHQtcHJpbWFyeS1mb3JlZ3JvdW5kIG9wYWNpdHktNzAnLCBob3ZlcjogJ2JvcmRlci10cmFuc3BhcmVudCBiZy1wcmltYXJ5IHRleHQtcHJpbWFyeS1mb3JlZ3JvdW5kIG9wYWNpdHktNzAnIH1cbiAgfTtcblxuICBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmxvYWRpbmcgfHwgdGhpcy52YXJpYW50ID09PSAnbG9hZGluZyc7XG4gIH1cblxuICBnZXQgcm9vdENsYXNzZXMoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGN1cnJlbnRTdGF0ZSA9IHRoaXMuc3RhdGUgPT09ICdob3ZlcicgPyAnaG92ZXInIDogJ2RlZmF1bHQnO1xuICAgIGNvbnN0IHRvbmVDbGFzcyA9IHRoaXMudG9uZUNsYXNzTWFwW3RoaXMudmFyaWFudF1bY3VycmVudFN0YXRlXTtcblxuICAgIHJldHVybiBbXG4gICAgICAnaW5saW5lLWZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC0yIHJvdW5kZWQtbWQgYm9yZGVyIHRleHQtc20gZm9udC1tZWRpdW0gcmluZy1vZmZzZXQtYmFja2dyb3VuZCB0cmFuc2l0aW9uLWNvbG9ycyBmb2N1cy12aXNpYmxlOm91dGxpbmUtbm9uZSBmb2N1cy12aXNpYmxlOnJpbmctWzNweF0gZm9jdXMtdmlzaWJsZTpyaW5nLXJpbmcvNTAgZm9jdXMtdmlzaWJsZTpyaW5nLW9mZnNldC0yIGRpc2FibGVkOnBvaW50ZXItZXZlbnRzLW5vbmUgZGlzYWJsZWQ6b3BhY2l0eS01MCBiZy1jbGlwLXBhZGRpbmcnLFxuICAgICAgdGhpcy52YXJpYW50ID09PSAnbGluaycgPyAncHgtNCBweS0yIGgtOScgOiAnJyxcbiAgICAgIHRoaXMudmFyaWFudCA9PT0gJ2ljb24nID8gJ2gtOSB3LTkgcC0wJyA6ICcnLFxuICAgICAgdGhpcy52YXJpYW50ID09PSAnaWNvbi1jaXJjbGUnID8gJ2gtMTAgdy0xMCByb3VuZGVkLWZ1bGwgcC0wJyA6ICcnLFxuICAgICAgdGhpcy52YXJpYW50ID09PSAncm91bmRlZCcgPyAnaC05IHctOSByb3VuZGVkLWZ1bGwgcC0wJyA6ICcnLFxuICAgICAgdGhpcy52YXJpYW50ICE9PSAnaWNvbicgJiYgdGhpcy52YXJpYW50ICE9PSAnaWNvbi1jaXJjbGUnICYmIHRoaXMudmFyaWFudCAhPT0gJ3JvdW5kZWQnXG4gICAgICAgID8gdGhpcy5zaXplID09PSAnc21hbGwnXG4gICAgICAgICAgPyAnaC04IHB4LTMgdGV4dC14cydcbiAgICAgICAgICA6IHRoaXMuc2l6ZSA9PT0gJ2xhcmdlJ1xuICAgICAgICAgICAgPyAnaC0xMCBweC04J1xuICAgICAgICAgICAgOiAnaC05IHB4LTQnXG4gICAgICAgIDogJycsXG4gICAgICB0aGlzLnZhcmlhbnQgPT09ICdsaW5rJyAmJiB0aGlzLnN0YXRlID09PSAnaG92ZXInID8gJ3VuZGVybGluZSB1bmRlcmxpbmUtb2Zmc2V0LTQnIDogJycsXG4gICAgICB0b25lQ2xhc3MsXG4gICAgICB0aGlzLmNsYXNzTmFtZVxuICAgIF07XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlzRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMucHJlc3NlZC5lbWl0KGV2ZW50KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgW3R5cGVdPVwidHlwZVwiXG4gIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgW2F0dHIuYXJpYS1idXN5XT1cImxvYWRpbmdcIlxuICBbbmdDbGFzc109XCJyb290Q2xhc3Nlc1wiXG4gIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuPlxuICA8c3BhblxuICAgICpuZ0lmPVwibG9hZGluZ1wiXG4gICAgY2xhc3M9XCJpbmxpbmUtYmxvY2sgaC00IHctNCBhbmltYXRlLXNwaW4gcm91bmRlZC1mdWxsIGJvcmRlci0yIGJvcmRlci1jdXJyZW50IGJvcmRlci1yLXRyYW5zcGFyZW50XCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICA+PC9zcGFuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbcGRtQnV0dG9uSWNvbl1cIiAqbmdJZj1cInZhcmlhbnQgPT09ICd3aXRoLWljb24nIHx8IHZhcmlhbnQgPT09ICdpY29uJyB8fCB2YXJpYW50ID09PSAnaWNvbi1jaXJjbGUnIHx8IHZhcmlhbnQgPT09ICdyb3VuZGVkJ1wiPjwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9idXR0b24+XG4iXX0=

package/esm2020/lib/components/button-group/button-group.component.mjs

@@ -4,35 +4,77 @@ import * as i1 from "@angular/common";
 export class PdmButtonGroupComponent {
     constructor() {
         this.variant = 'default';
-        this.direction = 'horizontal';
         this.separated = true;
         this.className = '';
     }
     get rootClasses() {
-        const isVertical = this.variant === 'orientation' || this.direction === 'vertical';
-        const isAttached = this.variant !== 'default' && !this.separated;
+        const effectiveOrientation = this.orientation ?? this.direction ?? 'horizontal';
+        const isVertical = this.variant === 'orientation' || effectiveOrientation === 'vertical';
+        const isGroup = this.variant === 'group';
+        const isAttached = !this.separated && this.variant !== 'default';
         const isSeparator = this.variant === 'separator';
+        const attachedClasses = isAttached && !isGroup
+            ? isVertical
+                ? [
+                    '[&>*]:rounded-none',
+                    '[&>*:first-child]:rounded-t-md',
+                    '[&>*:last-child]:rounded-b-md',
+                    '[&>*:not(:first-child)]:border-t-0',
+                    '[&>*:not(:first-child)]:-mt-px'
+                ].join(' ')
+                : [
+                    '[&>*]:rounded-none',
+                    '[&>*:first-child]:rounded-l-md',
+                    '[&>*:last-child]:rounded-r-md',
+                    '[&>*:not(:first-child)]:border-l-0',
+                    '[&>*:not(:first-child)]:-ml-px'
+                ].join(' ')
+            : '';
+        const groupHorizontalClasses = isGroup && !isVertical && !this.separated
+            ? [
+                '[&>*:not(:first-child)]:-ml-px',
+                '[&>pdm-input]:flex-1',
+                '[&>pdm-input>div]:w-full',
+                '[&>pdm-button>button]:!rounded-none',
+                '[&>pdm-button:first-child>button]:!rounded-l-md',
+                '[&>pdm-button:last-child>button]:!rounded-r-md',
+                '[&>pdm-input>div>input]:!rounded-none',
+                '[&>pdm-input:first-child>div>input]:!rounded-l-md',
+                '[&>pdm-input:last-child>div>input]:!rounded-r-md',
+                '[&>pdm-input-group>div]:!rounded-none',
+                '[&>pdm-input-group:first-child>div]:!rounded-l-md',
+                '[&>pdm-input-group:last-child>div]:!rounded-r-md',
+                '[&>pdm-input>div>input]:bg-background',
+                '[&>pdm-input>div>input]:shadow-none',
+                '[&>pdm-button>button]:rounded-l-none',
+                '[&>pdm-button>button]:shadow-none'
+            ].join(' ')
+            : '';
+        const groupVerticalClasses = isGroup && isVertical && !this.separated
+            ? [
+                '[&>*:not(:first-child)]:-mt-px',
+                '[&>pdm-button>button]:!rounded-none',
+                '[&>pdm-button:first-child>button]:!rounded-t-md',
+                '[&>pdm-button:last-child>button]:!rounded-b-md',
+                '[&>pdm-input>div>input]:!rounded-none',
+                '[&>pdm-input:first-child>div>input]:!rounded-t-md',
+                '[&>pdm-input:last-child>div>input]:!rounded-b-md',
+                '[&>pdm-input-group>div]:!rounded-none',
+                '[&>pdm-input-group:first-child>div]:!rounded-t-md',
+                '[&>pdm-input-group:last-child>div]:!rounded-b-md',
+                '[&>pdm-input>div>input]:bg-background',
+                '[&>pdm-input>div>input]:shadow-none',
+                '[&>pdm-button>button]:shadow-none'
+            ].join(' ')
+            : '';
         return [
             'inline-flex w-fit',
             isVertical ? 'flex-col items-stretch' : 'items-center',
             this.variant === 'default' || this.separated ? 'gap-2' : 'gap-0',
-            isAttached
-                ? isVertical
-                    ? [
-                        '[&>*]:rounded-none',
-                        '[&>*:first-child]:rounded-t-md',
-                        '[&>*:last-child]:rounded-b-md',
-                        '[&>*:not(:first-child)]:border-t-0',
-                        '[&>*:not(:first-child)]:-mt-px'
-                    ].join(' ')
-                    : [
-                        '[&>*]:rounded-none',
-                        '[&>*:first-child]:rounded-l-md',
-                        '[&>*:last-child]:rounded-r-md',
-                        '[&>*:not(:first-child)]:border-l-0',
-                        '[&>*:not(:first-child)]:-ml-px'
-                    ].join(' ')
-                : '',
+            isGroup ? '*:focus-visible:relative *:focus-visible:z-10' : '',
+            attachedClasses,
+            groupHorizontalClasses,
+            groupVerticalClasses,
             isSeparator
                 ? 'overflow-hidden rounded-md border border-border bg-secondary shadow-sm'
                 : '',
@@ -41,12 +83,14 @@ export class PdmButtonGroupComponent {
     }
 }
 PdmButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PdmButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmButtonGroupComponent, selector: "pdm-button-group", inputs: { variant: "variant", direction: "direction", separated: "separated", className: "className" }, ngImport: i0, template: "<div\n  role=\"group\"\n  [attr.aria-orientation]=\"variant === 'orientation' || direction === 'vertical' ? 'vertical' : 'horizontal'\"\n  [ngClass]=\"rootClasses\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PdmButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmButtonGroupComponent, selector: "pdm-button-group", inputs: { variant: "variant", orientation: "orientation", direction: "direction", separated: "separated", className: "className" }, ngImport: i0, template: "<div\n  role=\"group\"\n  [attr.aria-orientation]=\"variant === 'orientation' || orientation === 'vertical' || direction === 'vertical' ? 'vertical' : 'horizontal'\"\n  [ngClass]=\"rootClasses\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pdm-button-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  role=\"group\"\n  [attr.aria-orientation]=\"variant === 'orientation' || direction === 'vertical' ? 'vertical' : 'horizontal'\"\n  [ngClass]=\"rootClasses\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+            args: [{ selector: 'pdm-button-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  role=\"group\"\n  [attr.aria-orientation]=\"variant === 'orientation' || orientation === 'vertical' || direction === 'vertical' ? 'vertical' : 'horizontal'\"\n  [ngClass]=\"rootClasses\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { variant: [{
                 type: Input
+            }], orientation: [{
+                type: Input
             }], direction: [{
                 type: Input
             }], separated: [{
@@ -54,4 +98,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }], className: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVMUUsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQU1XLFlBQU8sR0FBMEIsU0FBUyxDQUFDO1FBQzNDLGNBQVMsR0FBNEIsWUFBWSxDQUFDO1FBQ2xELGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsY0FBUyxHQUFHLEVBQUUsQ0FBQztLQWtDekI7SUFoQ0MsSUFBSSxXQUFXO1FBQ2IsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sS0FBSyxhQUFhLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxVQUFVLENBQUM7UUFDbkYsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sS0FBSyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ2pFLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxPQUFPLEtBQUssV0FBVyxDQUFDO1FBRWpELE9BQU87WUFDTCxtQkFBbUI7WUFDbkIsVUFBVSxDQUFDLENBQUMsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLENBQUMsY0FBYztZQUN0RCxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDaEUsVUFBVTtnQkFDUixDQUFDLENBQUMsVUFBVTtvQkFDVixDQUFDLENBQUM7d0JBQ0Usb0JBQW9CO3dCQUNwQixnQ0FBZ0M7d0JBQ2hDLCtCQUErQjt3QkFDL0Isb0NBQW9DO3dCQUNwQyxnQ0FBZ0M7cUJBQ2pDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztvQkFDYixDQUFDLENBQUM7d0JBQ0Usb0JBQW9CO3dCQUNwQixnQ0FBZ0M7d0JBQ2hDLCtCQUErQjt3QkFDL0Isb0NBQW9DO3dCQUNwQyxnQ0FBZ0M7cUJBQ2pDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztnQkFDZixDQUFDLENBQUMsRUFBRTtZQUNOLFdBQVc7Z0JBQ1QsQ0FBQyxDQUFDLHdFQUF3RTtnQkFDMUUsQ0FBQyxDQUFDLEVBQUU7WUFDTixJQUFJLENBQUMsU0FBUztTQUNmLENBQUM7SUFDSixDQUFDOztvSEFyQ1UsdUJBQXVCO3dHQUF2Qix1QkFBdUIsZ0tDVnBDLGdOQU9BOzJGREdhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBRVgsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgUGRtQnV0dG9uR3JvdXBWYXJpYW50ID0gJ2RlZmF1bHQnIHwgJ2dyb3VwJyB8ICdvcmllbnRhdGlvbicgfCAnc2VwYXJhdG9yJztcbmV4cG9ydCB0eXBlIFBkbUJ1dHRvbkdyb3VwRGlyZWN0aW9uID0gJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGRtLWJ1dHRvbi1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQZG1CdXR0b25Hcm91cENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6IFBkbUJ1dHRvbkdyb3VwVmFyaWFudCA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgZGlyZWN0aW9uOiBQZG1CdXR0b25Hcm91cERpcmVjdGlvbiA9ICdob3Jpem9udGFsJztcbiAgQElucHV0KCkgc2VwYXJhdGVkID0gdHJ1ZTtcbiAgQElucHV0KCkgY2xhc3NOYW1lID0gJyc7XG5cbiAgZ2V0IHJvb3RDbGFzc2VzKCk6IHN0cmluZ1tdIHtcbiAgICBjb25zdCBpc1ZlcnRpY2FsID0gdGhpcy52YXJpYW50ID09PSAnb3JpZW50YXRpb24nIHx8IHRoaXMuZGlyZWN0aW9uID09PSAndmVydGljYWwnO1xuICAgIGNvbnN0IGlzQXR0YWNoZWQgPSB0aGlzLnZhcmlhbnQgIT09ICdkZWZhdWx0JyAmJiAhdGhpcy5zZXBhcmF0ZWQ7XG4gICAgY29uc3QgaXNTZXBhcmF0b3IgPSB0aGlzLnZhcmlhbnQgPT09ICdzZXBhcmF0b3InO1xuXG4gICAgcmV0dXJuIFtcbiAgICAgICdpbmxpbmUtZmxleCB3LWZpdCcsXG4gICAgICBpc1ZlcnRpY2FsID8gJ2ZsZXgtY29sIGl0ZW1zLXN0cmV0Y2gnIDogJ2l0ZW1zLWNlbnRlcicsXG4gICAgICB0aGlzLnZhcmlhbnQgPT09ICdkZWZhdWx0JyB8fCB0aGlzLnNlcGFyYXRlZCA/ICdnYXAtMicgOiAnZ2FwLTAnLFxuICAgICAgaXNBdHRhY2hlZFxuICAgICAgICA/IGlzVmVydGljYWxcbiAgICAgICAgICA/IFtcbiAgICAgICAgICAgICAgJ1smPipdOnJvdW5kZWQtbm9uZScsXG4gICAgICAgICAgICAgICdbJj4qOmZpcnN0LWNoaWxkXTpyb3VuZGVkLXQtbWQnLFxuICAgICAgICAgICAgICAnWyY+KjpsYXN0LWNoaWxkXTpyb3VuZGVkLWItbWQnLFxuICAgICAgICAgICAgICAnWyY+Kjpub3QoOmZpcnN0LWNoaWxkKV06Ym9yZGVyLXQtMCcsXG4gICAgICAgICAgICAgICdbJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXTotbXQtcHgnXG4gICAgICAgICAgICBdLmpvaW4oJyAnKVxuICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAnWyY+Kl06cm91bmRlZC1ub25lJyxcbiAgICAgICAgICAgICAgJ1smPio6Zmlyc3QtY2hpbGRdOnJvdW5kZWQtbC1tZCcsXG4gICAgICAgICAgICAgICdbJj4qOmxhc3QtY2hpbGRdOnJvdW5kZWQtci1tZCcsXG4gICAgICAgICAgICAgICdbJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXTpib3JkZXItbC0wJyxcbiAgICAgICAgICAgICAgJ1smPio6bm90KDpmaXJzdC1jaGlsZCldOi1tbC1weCdcbiAgICAgICAgICAgIF0uam9pbignICcpXG4gICAgICAgIDogJycsXG4gICAgICBpc1NlcGFyYXRvclxuICAgICAgICA/ICdvdmVyZmxvdy1oaWRkZW4gcm91bmRlZC1tZCBib3JkZXIgYm9yZGVyLWJvcmRlciBiZy1zZWNvbmRhcnkgc2hhZG93LXNtJ1xuICAgICAgICA6ICcnLFxuICAgICAgdGhpcy5jbGFzc05hbWVcbiAgICBdO1xuICB9XG59XG4iLCI8ZGl2XG4gIHJvbGU9XCJncm91cFwiXG4gIFthdHRyLmFyaWEtb3JpZW50YXRpb25dPVwidmFyaWFudCA9PT0gJ29yaWVudGF0aW9uJyB8fCBkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCcgPyAndmVydGljYWwnIDogJ2hvcml6b250YWwnXCJcbiAgW25nQ2xhc3NdPVwicm9vdENsYXNzZXNcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24tZ3JvdXAvYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVMUUsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQU1XLFlBQU8sR0FBMEIsU0FBUyxDQUFDO1FBRzNDLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsY0FBUyxHQUFHLEVBQUUsQ0FBQztLQWdGekI7SUE5RUMsSUFBSSxXQUFXO1FBQ2IsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksWUFBWSxDQUFDO1FBQ2hGLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLEtBQUssYUFBYSxJQUFJLG9CQUFvQixLQUFLLFVBQVUsQ0FBQztRQUN6RixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxLQUFLLE9BQU8sQ0FBQztRQUN6QyxNQUFNLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxTQUFTLENBQUM7UUFDakUsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sS0FBSyxXQUFXLENBQUM7UUFFakQsTUFBTSxlQUFlLEdBQUcsVUFBVSxJQUFJLENBQUMsT0FBTztZQUM1QyxDQUFDLENBQUMsVUFBVTtnQkFDVixDQUFDLENBQUM7b0JBQ0Usb0JBQW9CO29CQUNwQixnQ0FBZ0M7b0JBQ2hDLCtCQUErQjtvQkFDL0Isb0NBQW9DO29CQUNwQyxnQ0FBZ0M7aUJBQ2pDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztnQkFDYixDQUFDLENBQUM7b0JBQ0Usb0JBQW9CO29CQUNwQixnQ0FBZ0M7b0JBQ2hDLCtCQUErQjtvQkFDL0Isb0NBQW9DO29CQUNwQyxnQ0FBZ0M7aUJBQ2pDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNmLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFFUCxNQUFNLHNCQUFzQixHQUFHLE9BQU8sSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTO1lBQ3RFLENBQUMsQ0FBQztnQkFDRSxnQ0FBZ0M7Z0JBQ2hDLHNCQUFzQjtnQkFDdEIsMEJBQTBCO2dCQUMxQixxQ0FBcUM7Z0JBQ3JDLGlEQUFpRDtnQkFDakQsZ0RBQWdEO2dCQUNoRCx1Q0FBdUM7Z0JBQ3ZDLG1EQUFtRDtnQkFDbkQsa0RBQWtEO2dCQUNsRCx1Q0FBdUM7Z0JBQ3ZDLG1EQUFtRDtnQkFDbkQsa0RBQWtEO2dCQUNsRCx1Q0FBdUM7Z0JBQ3ZDLHFDQUFxQztnQkFDckMsc0NBQXNDO2dCQUN0QyxtQ0FBbUM7YUFDcEMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ2IsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUVQLE1BQU0sb0JBQW9CLEdBQUcsT0FBTyxJQUFJLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTO1lBQ25FLENBQUMsQ0FBQztnQkFDRSxnQ0FBZ0M7Z0JBQ2hDLHFDQUFxQztnQkFDckMsaURBQWlEO2dCQUNqRCxnREFBZ0Q7Z0JBQ2hELHVDQUF1QztnQkFDdkMsbURBQW1EO2dCQUNuRCxrREFBa0Q7Z0JBQ2xELHVDQUF1QztnQkFDdkMsbURBQW1EO2dCQUNuRCxrREFBa0Q7Z0JBQ2xELHVDQUF1QztnQkFDdkMscUNBQXFDO2dCQUNyQyxtQ0FBbUM7YUFDcEMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ2IsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUVQLE9BQU87WUFDTCxtQkFBbUI7WUFDbkIsVUFBVSxDQUFDLENBQUMsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLENBQUMsY0FBYztZQUN0RCxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDaEUsT0FBTyxDQUFDLENBQUMsQ0FBQywrQ0FBK0MsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM5RCxlQUFlO1lBQ2Ysc0JBQXNCO1lBQ3RCLG9CQUFvQjtZQUNwQixXQUFXO2dCQUNULENBQUMsQ0FBQyx3RUFBd0U7Z0JBQzFFLENBQUMsQ0FBQyxFQUFFO1lBQ04sSUFBSSxDQUFDLFNBQVM7U0FDZixDQUFDO0lBQ0osQ0FBQzs7b0hBcEZVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLDRMQ1ZwQyw4T0FPQTsyRkRHYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUVYLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgUGRtQnV0dG9uR3JvdXBWYXJpYW50ID0gJ2RlZmF1bHQnIHwgJ2dyb3VwJyB8ICdvcmllbnRhdGlvbicgfCAnc2VwYXJhdG9yJztcbmV4cG9ydCB0eXBlIFBkbUJ1dHRvbkdyb3VwT3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwZG0tYnV0dG9uLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFBkbUJ1dHRvbkdyb3VwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdmFyaWFudDogUGRtQnV0dG9uR3JvdXBWYXJpYW50ID0gJ2RlZmF1bHQnO1xuICBASW5wdXQoKSBvcmllbnRhdGlvbj86IFBkbUJ1dHRvbkdyb3VwT3JpZW50YXRpb247XG4gIEBJbnB1dCgpIGRpcmVjdGlvbj86IFBkbUJ1dHRvbkdyb3VwT3JpZW50YXRpb247XG4gIEBJbnB1dCgpIHNlcGFyYXRlZCA9IHRydWU7XG4gIEBJbnB1dCgpIGNsYXNzTmFtZSA9ICcnO1xuXG4gIGdldCByb290Q2xhc3NlcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgZWZmZWN0aXZlT3JpZW50YXRpb24gPSB0aGlzLm9yaWVudGF0aW9uID8/IHRoaXMuZGlyZWN0aW9uID8/ICdob3Jpem9udGFsJztcbiAgICBjb25zdCBpc1ZlcnRpY2FsID0gdGhpcy52YXJpYW50ID09PSAnb3JpZW50YXRpb24nIHx8IGVmZmVjdGl2ZU9yaWVudGF0aW9uID09PSAndmVydGljYWwnO1xuICAgIGNvbnN0IGlzR3JvdXAgPSB0aGlzLnZhcmlhbnQgPT09ICdncm91cCc7XG4gICAgY29uc3QgaXNBdHRhY2hlZCA9ICF0aGlzLnNlcGFyYXRlZCAmJiB0aGlzLnZhcmlhbnQgIT09ICdkZWZhdWx0JztcbiAgICBjb25zdCBpc1NlcGFyYXRvciA9IHRoaXMudmFyaWFudCA9PT0gJ3NlcGFyYXRvcic7XG5cbiAgICBjb25zdCBhdHRhY2hlZENsYXNzZXMgPSBpc0F0dGFjaGVkICYmICFpc0dyb3VwXG4gICAgICA/IGlzVmVydGljYWxcbiAgICAgICAgPyBbXG4gICAgICAgICAgICAnWyY+Kl06cm91bmRlZC1ub25lJyxcbiAgICAgICAgICAgICdbJj4qOmZpcnN0LWNoaWxkXTpyb3VuZGVkLXQtbWQnLFxuICAgICAgICAgICAgJ1smPio6bGFzdC1jaGlsZF06cm91bmRlZC1iLW1kJyxcbiAgICAgICAgICAgICdbJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXTpib3JkZXItdC0wJyxcbiAgICAgICAgICAgICdbJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXTotbXQtcHgnXG4gICAgICAgICAgXS5qb2luKCcgJylcbiAgICAgICAgOiBbXG4gICAgICAgICAgICAnWyY+Kl06cm91bmRlZC1ub25lJyxcbiAgICAgICAgICAgICdbJj4qOmZpcnN0LWNoaWxkXTpyb3VuZGVkLWwtbWQnLFxuICAgICAgICAgICAgJ1smPio6bGFzdC1jaGlsZF06cm91bmRlZC1yLW1kJyxcbiAgICAgICAgICAgICdbJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXTpib3JkZXItbC0wJyxcbiAgICAgICAgICAgICdbJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXTotbWwtcHgnXG4gICAgICAgICAgXS5qb2luKCcgJylcbiAgICAgIDogJyc7XG5cbiAgICBjb25zdCBncm91cEhvcml6b250YWxDbGFzc2VzID0gaXNHcm91cCAmJiAhaXNWZXJ0aWNhbCAmJiAhdGhpcy5zZXBhcmF0ZWRcbiAgICAgID8gW1xuICAgICAgICAgICdbJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXTotbWwtcHgnLFxuICAgICAgICAgICdbJj5wZG0taW5wdXRdOmZsZXgtMScsXG4gICAgICAgICAgJ1smPnBkbS1pbnB1dD5kaXZdOnctZnVsbCcsXG4gICAgICAgICAgJ1smPnBkbS1idXR0b24+YnV0dG9uXTohcm91bmRlZC1ub25lJyxcbiAgICAgICAgICAnWyY+cGRtLWJ1dHRvbjpmaXJzdC1jaGlsZD5idXR0b25dOiFyb3VuZGVkLWwtbWQnLFxuICAgICAgICAgICdbJj5wZG0tYnV0dG9uOmxhc3QtY2hpbGQ+YnV0dG9uXTohcm91bmRlZC1yLW1kJyxcbiAgICAgICAgICAnWyY+cGRtLWlucHV0PmRpdj5pbnB1dF06IXJvdW5kZWQtbm9uZScsXG4gICAgICAgICAgJ1smPnBkbS1pbnB1dDpmaXJzdC1jaGlsZD5kaXY+aW5wdXRdOiFyb3VuZGVkLWwtbWQnLFxuICAgICAgICAgICdbJj5wZG0taW5wdXQ6bGFzdC1jaGlsZD5kaXY+aW5wdXRdOiFyb3VuZGVkLXItbWQnLFxuICAgICAgICAgICdbJj5wZG0taW5wdXQtZ3JvdXA+ZGl2XTohcm91bmRlZC1ub25lJyxcbiAgICAgICAgICAnWyY+cGRtLWlucHV0LWdyb3VwOmZpcnN0LWNoaWxkPmRpdl06IXJvdW5kZWQtbC1tZCcsXG4gICAgICAgICAgJ1smPnBkbS1pbnB1dC1ncm91cDpsYXN0LWNoaWxkPmRpdl06IXJvdW5kZWQtci1tZCcsXG4gICAgICAgICAgJ1smPnBkbS1pbnB1dD5kaXY+aW5wdXRdOmJnLWJhY2tncm91bmQnLFxuICAgICAgICAgICdbJj5wZG0taW5wdXQ+ZGl2PmlucHV0XTpzaGFkb3ctbm9uZScsXG4gICAgICAgICAgJ1smPnBkbS1idXR0b24+YnV0dG9uXTpyb3VuZGVkLWwtbm9uZScsXG4gICAgICAgICAgJ1smPnBkbS1idXR0b24+YnV0dG9uXTpzaGFkb3ctbm9uZSdcbiAgICAgICAgXS5qb2luKCcgJylcbiAgICAgIDogJyc7XG5cbiAgICBjb25zdCBncm91cFZlcnRpY2FsQ2xhc3NlcyA9IGlzR3JvdXAgJiYgaXNWZXJ0aWNhbCAmJiAhdGhpcy5zZXBhcmF0ZWRcbiAgICAgID8gW1xuICAgICAgICAgICdbJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXTotbXQtcHgnLFxuICAgICAgICAgICdbJj5wZG0tYnV0dG9uPmJ1dHRvbl06IXJvdW5kZWQtbm9uZScsXG4gICAgICAgICAgJ1smPnBkbS1idXR0b246Zmlyc3QtY2hpbGQ+YnV0dG9uXTohcm91bmRlZC10LW1kJyxcbiAgICAgICAgICAnWyY+cGRtLWJ1dHRvbjpsYXN0LWNoaWxkPmJ1dHRvbl06IXJvdW5kZWQtYi1tZCcsXG4gICAgICAgICAgJ1smPnBkbS1pbnB1dD5kaXY+aW5wdXRdOiFyb3VuZGVkLW5vbmUnLFxuICAgICAgICAgICdbJj5wZG0taW5wdXQ6Zmlyc3QtY2hpbGQ+ZGl2PmlucHV0XTohcm91bmRlZC10LW1kJyxcbiAgICAgICAgICAnWyY+cGRtLWlucHV0Omxhc3QtY2hpbGQ+ZGl2PmlucHV0XTohcm91bmRlZC1iLW1kJyxcbiAgICAgICAgICAnWyY+cGRtLWlucHV0LWdyb3VwPmRpdl06IXJvdW5kZWQtbm9uZScsXG4gICAgICAgICAgJ1smPnBkbS1pbnB1dC1ncm91cDpmaXJzdC1jaGlsZD5kaXZdOiFyb3VuZGVkLXQtbWQnLFxuICAgICAgICAgICdbJj5wZG0taW5wdXQtZ3JvdXA6bGFzdC1jaGlsZD5kaXZdOiFyb3VuZGVkLWItbWQnLFxuICAgICAgICAgICdbJj5wZG0taW5wdXQ+ZGl2PmlucHV0XTpiZy1iYWNrZ3JvdW5kJyxcbiAgICAgICAgICAnWyY+cGRtLWlucHV0PmRpdj5pbnB1dF06c2hhZG93LW5vbmUnLFxuICAgICAgICAgICdbJj5wZG0tYnV0dG9uPmJ1dHRvbl06c2hhZG93LW5vbmUnXG4gICAgICAgIF0uam9pbignICcpXG4gICAgICA6ICcnO1xuXG4gICAgcmV0dXJuIFtcbiAgICAgICdpbmxpbmUtZmxleCB3LWZpdCcsXG4gICAgICBpc1ZlcnRpY2FsID8gJ2ZsZXgtY29sIGl0ZW1zLXN0cmV0Y2gnIDogJ2l0ZW1zLWNlbnRlcicsXG4gICAgICB0aGlzLnZhcmlhbnQgPT09ICdkZWZhdWx0JyB8fCB0aGlzLnNlcGFyYXRlZCA/ICdnYXAtMicgOiAnZ2FwLTAnLFxuICAgICAgaXNHcm91cCA/ICcqOmZvY3VzLXZpc2libGU6cmVsYXRpdmUgKjpmb2N1cy12aXNpYmxlOnotMTAnIDogJycsXG4gICAgICBhdHRhY2hlZENsYXNzZXMsXG4gICAgICBncm91cEhvcml6b250YWxDbGFzc2VzLFxuICAgICAgZ3JvdXBWZXJ0aWNhbENsYXNzZXMsXG4gICAgICBpc1NlcGFyYXRvclxuICAgICAgICA/ICdvdmVyZmxvdy1oaWRkZW4gcm91bmRlZC1tZCBib3JkZXIgYm9yZGVyLWJvcmRlciBiZy1zZWNvbmRhcnkgc2hhZG93LXNtJ1xuICAgICAgICA6ICcnLFxuICAgICAgdGhpcy5jbGFzc05hbWVcbiAgICBdO1xuICB9XG59XG4iLCI8ZGl2XG4gIHJvbGU9XCJncm91cFwiXG4gIFthdHRyLmFyaWEtb3JpZW50YXRpb25dPVwidmFyaWFudCA9PT0gJ29yaWVudGF0aW9uJyB8fCBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyB8fCBkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCcgPyAndmVydGljYWwnIDogJ2hvcml6b250YWwnXCJcbiAgW25nQ2xhc3NdPVwicm9vdENsYXNzZXNcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/tabs/tabs.component.mjs

@@ -2,7 +2,8 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class PdmTabsComponent {
-    constructor() {
+    constructor(cdr) {
+        this.cdr = cdr;
         this.items = [];
         this.value = '';
         this.className = '';
@@ -10,16 +11,18 @@ export class PdmTabsComponent {
     }
     select(item) {
         if (!item.disabled) {
+            this.value = item.value;
             this.valueChange.emit(item.value);
+            this.cdr.markForCheck();
         }
     }
 }
-PdmTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 PdmTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmTabsComponent, selector: "pdm-tabs", inputs: { items: "items", value: "value", className: "className" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div [ngClass]=\"['w-full', className]\">\n  <div role=\"tablist\" class=\"inline-flex h-8 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground\">\n    <button\n      *ngFor=\"let item of items\"\n      role=\"tab\"\n      [attr.aria-selected]=\"value === item.value\"\n      [disabled]=\"item.disabled\"\n      [ngClass]=\"[\n        'relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium transition-all focus-visible:border-ring focus-visible:outline-none focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        value === item.value ? 'bg-background text-foreground shadow-sm' : 'bg-transparent text-muted-foreground'\n      ]\"\n      (click)=\"select(item)\"\n      type=\"button\"\n    >\n      {{ item.label }}\n    </button>\n  </div>\n  <div class=\"mt-4\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pdm-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"['w-full', className]\">\n  <div role=\"tablist\" class=\"inline-flex h-8 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground\">\n    <button\n      *ngFor=\"let item of items\"\n      role=\"tab\"\n      [attr.aria-selected]=\"value === item.value\"\n      [disabled]=\"item.disabled\"\n      [ngClass]=\"[\n        'relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium transition-all focus-visible:border-ring focus-visible:outline-none focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        value === item.value ? 'bg-background text-foreground shadow-sm' : 'bg-transparent text-muted-foreground'\n      ]\"\n      (click)=\"select(item)\"\n      type=\"button\"\n    >\n      {{ item.label }}\n    </button>\n  </div>\n  <div class=\"mt-4\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
-        }], propDecorators: { items: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
                 type: Input
             }], value: [{
                 type: Input
@@ -28,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }], valueChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdGFicy90YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy90YWJzL3RhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBYWhHLE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFNVyxVQUFLLEdBQWlCLEVBQUUsQ0FBQztRQUN6QixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUVkLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQU9wRDtJQUxDLE1BQU0sQ0FBQyxJQUFnQjtRQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDOzs2R0FYVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQiw2SkNiN0IsMGhDQXFCQTsyRkRSYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVSxtQkFFSCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBkbVRhYkl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BkbS10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQZG1UYWJzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXRlbXM6IFBkbVRhYkl0ZW1bXSA9IFtdO1xuICBASW5wdXQoKSB2YWx1ZSA9ICcnO1xuICBASW5wdXQoKSBjbGFzc05hbWUgPSAnJztcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBzZWxlY3QoaXRlbTogUGRtVGFiSXRlbSk6IHZvaWQge1xuICAgIGlmICghaXRlbS5kaXNhYmxlZCkge1xuICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KGl0ZW0udmFsdWUpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJbJ3ctZnVsbCcsIGNsYXNzTmFtZV1cIj5cbiAgPGRpdiByb2xlPVwidGFibGlzdFwiIGNsYXNzPVwiaW5saW5lLWZsZXggaC04IHctZml0IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkLWxnIGJnLW11dGVkIHAtWzNweF0gdGV4dC1tdXRlZC1mb3JlZ3JvdW5kXCI+XG4gICAgPGJ1dHRvblxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxuICAgICAgcm9sZT1cInRhYlwiXG4gICAgICBbYXR0ci5hcmlhLXNlbGVjdGVkXT1cInZhbHVlID09PSBpdGVtLnZhbHVlXCJcbiAgICAgIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICAgIFtuZ0NsYXNzXT1cIltcbiAgICAgICAgJ3JlbGF0aXZlIGlubGluZS1mbGV4IGgtW2NhbGMoMTAwJS0xcHgpXSBmbGV4LTEgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC0xLjUgd2hpdGVzcGFjZS1ub3dyYXAgcm91bmRlZC1tZCBib3JkZXIgYm9yZGVyLXRyYW5zcGFyZW50IHB4LTEuNSBweS0wLjUgdGV4dC1zbSBmb250LW1lZGl1bSB0cmFuc2l0aW9uLWFsbCBmb2N1cy12aXNpYmxlOmJvcmRlci1yaW5nIGZvY3VzLXZpc2libGU6b3V0bGluZS1ub25lIGZvY3VzLXZpc2libGU6b3V0bGluZS1yaW5nIGZvY3VzLXZpc2libGU6cmluZy1bM3B4XSBmb2N1cy12aXNpYmxlOnJpbmctcmluZy81MCBkaXNhYmxlZDpwb2ludGVyLWV2ZW50cy1ub25lIGRpc2FibGVkOm9wYWNpdHktNTAnLFxuICAgICAgICB2YWx1ZSA9PT0gaXRlbS52YWx1ZSA/ICdiZy1iYWNrZ3JvdW5kIHRleHQtZm9yZWdyb3VuZCBzaGFkb3ctc20nIDogJ2JnLXRyYW5zcGFyZW50IHRleHQtbXV0ZWQtZm9yZWdyb3VuZCdcbiAgICAgIF1cIlxuICAgICAgKGNsaWNrKT1cInNlbGVjdChpdGVtKVwiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICA+XG4gICAgICB7eyBpdGVtLmxhYmVsIH19XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibXQtNFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdGFicy90YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy90YWJzL3RhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQWFuSCxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFlBQTZCLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBRTFDLFVBQUssR0FBaUIsRUFBRSxDQUFDO1FBQ3pCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRWQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBTkcsQ0FBQztJQVF2RCxNQUFNLENBQUMsSUFBZ0I7UUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQzs7NkdBZlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsNkpDYjdCLDBoQ0FxQkE7MkZEUmEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLFVBQVUsbUJBRUgsdUJBQXVCLENBQUMsTUFBTTt3R0FLdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGRtVGFiSXRlbSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncGRtLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFBkbVRhYnNDb21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgQElucHV0KCkgaXRlbXM6IFBkbVRhYkl0ZW1bXSA9IFtdO1xuICBASW5wdXQoKSB2YWx1ZSA9ICcnO1xuICBASW5wdXQoKSBjbGFzc05hbWUgPSAnJztcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBzZWxlY3QoaXRlbTogUGRtVGFiSXRlbSk6IHZvaWQge1xuICAgIGlmICghaXRlbS5kaXNhYmxlZCkge1xuICAgICAgdGhpcy52YWx1ZSA9IGl0ZW0udmFsdWU7XG4gICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoaXRlbS52YWx1ZSk7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgW25nQ2xhc3NdPVwiWyd3LWZ1bGwnLCBjbGFzc05hbWVdXCI+XG4gIDxkaXYgcm9sZT1cInRhYmxpc3RcIiBjbGFzcz1cImlubGluZS1mbGV4IGgtOCB3LWZpdCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgcm91bmRlZC1sZyBiZy1tdXRlZCBwLVszcHhdIHRleHQtbXV0ZWQtZm9yZWdyb3VuZFwiPlxuICAgIDxidXR0b25cbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCJcbiAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgW2F0dHIuYXJpYS1zZWxlY3RlZF09XCJ2YWx1ZSA9PT0gaXRlbS52YWx1ZVwiXG4gICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICBbbmdDbGFzc109XCJbXG4gICAgICAgICdyZWxhdGl2ZSBpbmxpbmUtZmxleCBoLVtjYWxjKDEwMCUtMXB4KV0gZmxleC0xIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBnYXAtMS41IHdoaXRlc3BhY2Utbm93cmFwIHJvdW5kZWQtbWQgYm9yZGVyIGJvcmRlci10cmFuc3BhcmVudCBweC0xLjUgcHktMC41IHRleHQtc20gZm9udC1tZWRpdW0gdHJhbnNpdGlvbi1hbGwgZm9jdXMtdmlzaWJsZTpib3JkZXItcmluZyBmb2N1cy12aXNpYmxlOm91dGxpbmUtbm9uZSBmb2N1cy12aXNpYmxlOm91dGxpbmUtcmluZyBmb2N1cy12aXNpYmxlOnJpbmctWzNweF0gZm9jdXMtdmlzaWJsZTpyaW5nLXJpbmcvNTAgZGlzYWJsZWQ6cG9pbnRlci1ldmVudHMtbm9uZSBkaXNhYmxlZDpvcGFjaXR5LTUwJyxcbiAgICAgICAgdmFsdWUgPT09IGl0ZW0udmFsdWUgPyAnYmctYmFja2dyb3VuZCB0ZXh0LWZvcmVncm91bmQgc2hhZG93LXNtJyA6ICdiZy10cmFuc3BhcmVudCB0ZXh0LW11dGVkLWZvcmVncm91bmQnXG4gICAgICBdXCJcbiAgICAgIChjbGljayk9XCJzZWxlY3QoaXRlbSlcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgPlxuICAgICAge3sgaXRlbS5sYWJlbCB9fVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm10LTRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/fesm2015/pdm-ui-kit.mjs

@@ -261,35 +261,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 class PdmButtonGroupComponent {
     constructor() {
         this.variant = 'default';
-        this.direction = 'horizontal';
         this.separated = true;
         this.className = '';
     }
     get rootClasses() {
-        const isVertical = this.variant === 'orientation' || this.direction === 'vertical';
-        const isAttached = this.variant !== 'default' && !this.separated;
+        var _a, _b;
+        const effectiveOrientation = (_b = (_a = this.orientation) !== null && _a !== void 0 ? _a : this.direction) !== null && _b !== void 0 ? _b : 'horizontal';
+        const isVertical = this.variant === 'orientation' || effectiveOrientation === 'vertical';
+        const isGroup = this.variant === 'group';
+        const isAttached = !this.separated && this.variant !== 'default';
         const isSeparator = this.variant === 'separator';
+        const attachedClasses = isAttached && !isGroup
+            ? isVertical
+                ? [
+                    '[&>*]:rounded-none',
+                    '[&>*:first-child]:rounded-t-md',
+                    '[&>*:last-child]:rounded-b-md',
+                    '[&>*:not(:first-child)]:border-t-0',
+                    '[&>*:not(:first-child)]:-mt-px'
+                ].join(' ')
+                : [
+                    '[&>*]:rounded-none',
+                    '[&>*:first-child]:rounded-l-md',
+                    '[&>*:last-child]:rounded-r-md',
+                    '[&>*:not(:first-child)]:border-l-0',
+                    '[&>*:not(:first-child)]:-ml-px'
+                ].join(' ')
+            : '';
+        const groupHorizontalClasses = isGroup && !isVertical && !this.separated
+            ? [
+                '[&>*:not(:first-child)]:-ml-px',
+                '[&>pdm-input]:flex-1',
+                '[&>pdm-input>div]:w-full',
+                '[&>pdm-button>button]:!rounded-none',
+                '[&>pdm-button:first-child>button]:!rounded-l-md',
+                '[&>pdm-button:last-child>button]:!rounded-r-md',
+                '[&>pdm-input>div>input]:!rounded-none',
+                '[&>pdm-input:first-child>div>input]:!rounded-l-md',
+                '[&>pdm-input:last-child>div>input]:!rounded-r-md',
+                '[&>pdm-input-group>div]:!rounded-none',
+                '[&>pdm-input-group:first-child>div]:!rounded-l-md',
+                '[&>pdm-input-group:last-child>div]:!rounded-r-md',
+                '[&>pdm-input>div>input]:bg-background',
+                '[&>pdm-input>div>input]:shadow-none',
+                '[&>pdm-button>button]:rounded-l-none',
+                '[&>pdm-button>button]:shadow-none'
+            ].join(' ')
+            : '';
+        const groupVerticalClasses = isGroup && isVertical && !this.separated
+            ? [
+                '[&>*:not(:first-child)]:-mt-px',
+                '[&>pdm-button>button]:!rounded-none',
+                '[&>pdm-button:first-child>button]:!rounded-t-md',
+                '[&>pdm-button:last-child>button]:!rounded-b-md',
+                '[&>pdm-input>div>input]:!rounded-none',
+                '[&>pdm-input:first-child>div>input]:!rounded-t-md',
+                '[&>pdm-input:last-child>div>input]:!rounded-b-md',
+                '[&>pdm-input-group>div]:!rounded-none',
+                '[&>pdm-input-group:first-child>div]:!rounded-t-md',
+                '[&>pdm-input-group:last-child>div]:!rounded-b-md',
+                '[&>pdm-input>div>input]:bg-background',
+                '[&>pdm-input>div>input]:shadow-none',
+                '[&>pdm-button>button]:shadow-none'
+            ].join(' ')
+            : '';
         return [
             'inline-flex w-fit',
             isVertical ? 'flex-col items-stretch' : 'items-center',
             this.variant === 'default' || this.separated ? 'gap-2' : 'gap-0',
-            isAttached
-                ? isVertical
-                    ? [
-                        '[&>*]:rounded-none',
-                        '[&>*:first-child]:rounded-t-md',
-                        '[&>*:last-child]:rounded-b-md',
-                        '[&>*:not(:first-child)]:border-t-0',
-                        '[&>*:not(:first-child)]:-mt-px'
-                    ].join(' ')
-                    : [
-                        '[&>*]:rounded-none',
-                        '[&>*:first-child]:rounded-l-md',
-                        '[&>*:last-child]:rounded-r-md',
-                        '[&>*:not(:first-child)]:border-l-0',
-                        '[&>*:not(:first-child)]:-ml-px'
-                    ].join(' ')
-                : '',
+            isGroup ? '*:focus-visible:relative *:focus-visible:z-10' : '',
+            attachedClasses,
+            groupHorizontalClasses,
+            groupVerticalClasses,
             isSeparator
                 ? 'overflow-hidden rounded-md border border-border bg-secondary shadow-sm'
                 : '',
@@ -298,12 +341,14 @@ class PdmButtonGroupComponent {
     }
 }
 PdmButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PdmButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmButtonGroupComponent, selector: "pdm-button-group", inputs: { variant: "variant", direction: "direction", separated: "separated", className: "className" }, ngImport: i0, template: "<div\n  role=\"group\"\n  [attr.aria-orientation]=\"variant === 'orientation' || direction === 'vertical' ? 'vertical' : 'horizontal'\"\n  [ngClass]=\"rootClasses\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PdmButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmButtonGroupComponent, selector: "pdm-button-group", inputs: { variant: "variant", orientation: "orientation", direction: "direction", separated: "separated", className: "className" }, ngImport: i0, template: "<div\n  role=\"group\"\n  [attr.aria-orientation]=\"variant === 'orientation' || orientation === 'vertical' || direction === 'vertical' ? 'vertical' : 'horizontal'\"\n  [ngClass]=\"rootClasses\"\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pdm-button-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  role=\"group\"\n  [attr.aria-orientation]=\"variant === 'orientation' || direction === 'vertical' ? 'vertical' : 'horizontal'\"\n  [ngClass]=\"rootClasses\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+            args: [{ selector: 'pdm-button-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  role=\"group\"\n  [attr.aria-orientation]=\"variant === 'orientation' || orientation === 'vertical' || direction === 'vertical' ? 'vertical' : 'horizontal'\"\n  [ngClass]=\"rootClasses\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { variant: [{
                 type: Input
+            }], orientation: [{
+                type: Input
             }], direction: [{
                 type: Input
             }], separated: [{
@@ -323,19 +368,19 @@ class PdmButtonComponent {
         this.className = '';
         this.pressed = new EventEmitter();
         this.toneClassMap = {
-            default: { default: 'bg-primary text-primary-foreground', hover: 'bg-primary text-primary-foreground opacity-90' },
-            primary: { default: 'bg-primary text-primary-foreground', hover: 'bg-primary text-primary-foreground opacity-90' },
-            destructive: { default: 'bg-destructive text-destructive-foreground', hover: 'bg-destructive text-destructive-foreground opacity-90' },
-            outline: { default: 'border border-border bg-background text-foreground', hover: 'border border-border bg-muted text-foreground' },
-            subtle: { default: 'bg-secondary text-secondary-foreground', hover: 'bg-accent text-accent-foreground' },
-            secondary: { default: 'bg-secondary text-secondary-foreground', hover: 'bg-accent text-accent-foreground' },
-            ghost: { default: 'bg-transparent text-foreground', hover: 'bg-accent text-accent-foreground' },
-            link: { default: 'bg-transparent text-primary', hover: 'bg-transparent text-primary underline underline-offset-4' },
-            'with-icon': { default: 'bg-primary text-primary-foreground', hover: 'bg-primary text-primary-foreground opacity-90' },
-            icon: { default: 'border border-input bg-background text-foreground', hover: 'border border-input bg-accent text-accent-foreground' },
-            'icon-circle': { default: 'border border-input bg-background text-foreground', hover: 'border border-input bg-accent text-accent-foreground' },
-            rounded: { default: 'border border-input bg-background text-foreground', hover: 'border border-input bg-accent text-accent-foreground' },
-            loading: { default: 'bg-primary text-primary-foreground opacity-70', hover: 'bg-primary text-primary-foreground opacity-70' }
+            default: { default: 'border-transparent bg-primary text-primary-foreground', hover: 'border-transparent bg-primary text-primary-foreground opacity-90' },
+            primary: { default: 'border-transparent bg-primary text-primary-foreground', hover: 'border-transparent bg-primary text-primary-foreground opacity-90' },
+            destructive: { default: 'border-transparent bg-destructive text-destructive-foreground', hover: 'border-transparent bg-destructive text-destructive-foreground opacity-90' },
+            outline: { default: 'border-border bg-background text-foreground', hover: 'border-border bg-muted text-foreground' },
+            subtle: { default: 'border-transparent bg-secondary text-secondary-foreground', hover: 'border-transparent bg-accent text-accent-foreground' },
+            secondary: { default: 'border-transparent bg-secondary text-secondary-foreground', hover: 'border-transparent bg-accent text-accent-foreground' },
+            ghost: { default: 'border-transparent bg-transparent text-foreground', hover: 'border-transparent bg-accent text-accent-foreground' },
+            link: { default: 'border-transparent bg-transparent text-primary', hover: 'border-transparent bg-transparent text-primary underline underline-offset-4' },
+            'with-icon': { default: 'border-transparent bg-primary text-primary-foreground', hover: 'border-transparent bg-primary text-primary-foreground opacity-90' },
+            icon: { default: 'border-border bg-background text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
+            'icon-circle': { default: 'border-border bg-background text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
+            rounded: { default: 'border-border bg-background text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
+            loading: { default: 'border-transparent bg-primary text-primary-foreground opacity-70', hover: 'border-transparent bg-primary text-primary-foreground opacity-70' }
         };
     }
     get isDisabled() {
@@ -345,7 +390,7 @@ class PdmButtonComponent {
         const currentState = this.state === 'hover' ? 'hover' : 'default';
         const toneClass = this.toneClassMap[this.variant][currentState];
         return [
-            'inline-flex items-center justify-center gap-2 rounded-md border border-transparent text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-clip-padding',
+            'inline-flex items-center justify-center gap-2 rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-clip-padding',
             this.variant === 'link' ? 'px-4 py-2 h-9' : '',
             this.variant === 'icon' ? 'h-9 w-9 p-0' : '',
             this.variant === 'icon-circle' ? 'h-10 w-10 rounded-full p-0' : '',
@@ -2697,7 +2742,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }] } });
 
 class PdmTabsComponent {
-    constructor() {
+    constructor(cdr) {
+        this.cdr = cdr;
         this.items = [];
         this.value = '';
         this.className = '';
@@ -2705,16 +2751,18 @@ class PdmTabsComponent {
     }
     select(item) {
         if (!item.disabled) {
+            this.value = item.value;
             this.valueChange.emit(item.value);
+            this.cdr.markForCheck();
         }
     }
 }
-PdmTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PdmTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 PdmTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmTabsComponent, selector: "pdm-tabs", inputs: { items: "items", value: "value", className: "className" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div [ngClass]=\"['w-full', className]\">\n  <div role=\"tablist\" class=\"inline-flex h-8 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground\">\n    <button\n      *ngFor=\"let item of items\"\n      role=\"tab\"\n      [attr.aria-selected]=\"value === item.value\"\n      [disabled]=\"item.disabled\"\n      [ngClass]=\"[\n        'relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium transition-all focus-visible:border-ring focus-visible:outline-none focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        value === item.value ? 'bg-background text-foreground shadow-sm' : 'bg-transparent text-muted-foreground'\n      ]\"\n      (click)=\"select(item)\"\n      type=\"button\"\n    >\n      {{ item.label }}\n    </button>\n  </div>\n  <div class=\"mt-4\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pdm-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"['w-full', className]\">\n  <div role=\"tablist\" class=\"inline-flex h-8 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground\">\n    <button\n      *ngFor=\"let item of items\"\n      role=\"tab\"\n      [attr.aria-selected]=\"value === item.value\"\n      [disabled]=\"item.disabled\"\n      [ngClass]=\"[\n        'relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium transition-all focus-visible:border-ring focus-visible:outline-none focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        value === item.value ? 'bg-background text-foreground shadow-sm' : 'bg-transparent text-muted-foreground'\n      ]\"\n      (click)=\"select(item)\"\n      type=\"button\"\n    >\n      {{ item.label }}\n    </button>\n  </div>\n  <div class=\"mt-4\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
-        }], propDecorators: { items: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
                 type: Input
             }], value: [{
                 type: Input