@tailng-ui/components 0.16.0 → 0.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +17 -6
- package/src/lib/feedback/empty/tng-empty.component.d.ts +16 -1
- package/src/lib/feedback/empty/tng-empty.component.d.ts.map +1 -1
- package/src/lib/feedback/empty/tng-empty.component.js +47 -57
- package/src/lib/feedback/empty/tng-empty.component.js.map +1 -1
- package/src/lib/feedback/index.d.ts +0 -5
- package/src/lib/feedback/index.d.ts.map +1 -1
- package/src/lib/feedback/index.js +4 -5
- package/src/lib/feedback/index.js.map +1 -1
- package/src/lib/feedback/progress-bar/tng-progress-bar.component.d.ts +4 -0
- package/src/lib/feedback/progress-bar/tng-progress-bar.component.d.ts.map +1 -1
- package/src/lib/feedback/progress-bar/tng-progress-bar.component.js +16 -26
- package/src/lib/feedback/progress-bar/tng-progress-bar.component.js.map +1 -1
- package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.d.ts +4 -0
- package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.d.ts.map +1 -1
- package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.js +18 -32
- package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.js.map +1 -1
- package/src/lib/feedback/skeleton/tng-skeleton.component.d.ts +4 -0
- package/src/lib/feedback/skeleton/tng-skeleton.component.d.ts.map +1 -1
- package/src/lib/feedback/skeleton/tng-skeleton.component.js +14 -20
- package/src/lib/feedback/skeleton/tng-skeleton.component.js.map +1 -1
- package/src/lib/feedback/toast/tng-toast.component.d.ts +4 -1
- package/src/lib/feedback/toast/tng-toast.component.d.ts.map +1 -1
- package/src/lib/feedback/toast/tng-toast.component.js +17 -19
- package/src/lib/feedback/toast/tng-toast.component.js.map +1 -1
- package/src/lib/form/autocomplete/tng-autocomplete.component.d.ts +4 -0
- package/src/lib/form/autocomplete/tng-autocomplete.component.d.ts.map +1 -1
- package/src/lib/form/autocomplete/tng-autocomplete.component.js +46 -49
- package/src/lib/form/autocomplete/tng-autocomplete.component.js.map +1 -1
- package/src/lib/form/button-toggle/tng-button-toggle-group.component.d.ts +3 -0
- package/src/lib/form/button-toggle/tng-button-toggle-group.component.d.ts.map +1 -1
- package/src/lib/form/button-toggle/tng-button-toggle-group.component.js +33 -58
- package/src/lib/form/button-toggle/tng-button-toggle-group.component.js.map +1 -1
- package/src/lib/form/button-toggle/tng-button-toggle.component.d.ts +3 -0
- package/src/lib/form/button-toggle/tng-button-toggle.component.d.ts.map +1 -1
- package/src/lib/form/button-toggle/tng-button-toggle.component.js +15 -26
- package/src/lib/form/button-toggle/tng-button-toggle.component.js.map +1 -1
- package/src/lib/form/checkbox/tng-checkbox.component.d.ts +3 -0
- package/src/lib/form/checkbox/tng-checkbox.component.d.ts.map +1 -1
- package/src/lib/form/checkbox/tng-checkbox.component.js +32 -42
- package/src/lib/form/checkbox/tng-checkbox.component.js.map +1 -1
- package/src/lib/form/chips/tng-chips.component.d.ts +3 -0
- package/src/lib/form/chips/tng-chips.component.d.ts.map +1 -1
- package/src/lib/form/chips/tng-chips.component.js +14 -19
- package/src/lib/form/chips/tng-chips.component.js.map +1 -1
- package/src/lib/form/combobox/tng-combobox.component.d.ts +3 -0
- package/src/lib/form/combobox/tng-combobox.component.d.ts.map +1 -1
- package/src/lib/form/combobox/tng-combobox.component.js +10 -13
- package/src/lib/form/combobox/tng-combobox.component.js.map +1 -1
- package/src/lib/form/datepicker/tng-datepicker.component.d.ts +4 -1
- package/src/lib/form/datepicker/tng-datepicker.component.d.ts.map +1 -1
- package/src/lib/form/datepicker/tng-datepicker.component.js +58 -98
- package/src/lib/form/datepicker/tng-datepicker.component.js.map +1 -1
- package/src/lib/form/form-field/tng-form-field.component.d.ts +3 -0
- package/src/lib/form/form-field/tng-form-field.component.d.ts.map +1 -1
- package/src/lib/form/form-field/tng-form-field.component.js +28 -33
- package/src/lib/form/form-field/tng-form-field.component.js.map +1 -1
- package/src/lib/form/index.d.ts +0 -20
- package/src/lib/form/index.d.ts.map +1 -1
- package/src/lib/form/index.js +4 -20
- package/src/lib/form/index.js.map +1 -1
- package/src/lib/form/input/tng-input.component.d.ts +9 -3
- package/src/lib/form/input/tng-input.component.d.ts.map +1 -1
- package/src/lib/form/input/tng-input.component.js +96 -81
- package/src/lib/form/input/tng-input.component.js.map +1 -1
- package/src/lib/form/input-otp/tng-input-otp.component.d.ts +3 -0
- package/src/lib/form/input-otp/tng-input-otp.component.d.ts.map +1 -1
- package/src/lib/form/input-otp/tng-input-otp.component.js +55 -69
- package/src/lib/form/input-otp/tng-input-otp.component.js.map +1 -1
- package/src/lib/form/label/tng-label.component.d.ts +3 -0
- package/src/lib/form/label/tng-label.component.d.ts.map +1 -1
- package/src/lib/form/label/tng-label.component.js +12 -19
- package/src/lib/form/label/tng-label.component.js.map +1 -1
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.component.d.ts +4 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.component.d.ts.map +1 -1
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.component.js +40 -43
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.component.js.map +1 -1
- package/src/lib/form/multiselect/tng-multiselect.component.d.ts +4 -0
- package/src/lib/form/multiselect/tng-multiselect.component.d.ts.map +1 -1
- package/src/lib/form/multiselect/tng-multiselect.component.js +49 -52
- package/src/lib/form/multiselect/tng-multiselect.component.js.map +1 -1
- package/src/lib/form/radio/tng-radio.component.d.ts +3 -0
- package/src/lib/form/radio/tng-radio.component.d.ts.map +1 -1
- package/src/lib/form/radio/tng-radio.component.js +18 -33
- package/src/lib/form/radio/tng-radio.component.js.map +1 -1
- package/src/lib/form/select/tng-select.component.d.ts +4 -0
- package/src/lib/form/select/tng-select.component.d.ts.map +1 -1
- package/src/lib/form/select/tng-select.component.js +52 -53
- package/src/lib/form/select/tng-select.component.js.map +1 -1
- package/src/lib/form/select/tng-select.slots.d.ts +5 -0
- package/src/lib/form/select/tng-select.slots.d.ts.map +1 -1
- package/src/lib/form/select/tng-select.slots.js +21 -17
- package/src/lib/form/select/tng-select.slots.js.map +1 -1
- package/src/lib/form/slider/tng-slider.component.d.ts +3 -0
- package/src/lib/form/slider/tng-slider.component.d.ts.map +1 -1
- package/src/lib/form/slider/tng-slider.component.js +14 -27
- package/src/lib/form/slider/tng-slider.component.js.map +1 -1
- package/src/lib/form/switch/tng-switch.component.d.ts +3 -0
- package/src/lib/form/switch/tng-switch.component.d.ts.map +1 -1
- package/src/lib/form/switch/tng-switch.component.js +15 -24
- package/src/lib/form/switch/tng-switch.component.js.map +1 -1
- package/src/lib/form/textarea/tng-textarea.component.d.ts +3 -0
- package/src/lib/form/textarea/tng-textarea.component.d.ts.map +1 -1
- package/src/lib/form/textarea/tng-textarea.component.js +19 -36
- package/src/lib/form/textarea/tng-textarea.component.js.map +1 -1
- package/src/lib/form/toggle/tng-toggle.component.d.ts +3 -0
- package/src/lib/form/toggle/tng-toggle.component.d.ts.map +1 -1
- package/src/lib/form/toggle/tng-toggle.component.js +41 -41
- package/src/lib/form/toggle/tng-toggle.component.js.map +1 -1
- package/src/lib/form/toggle-group/tng-toggle-group.component.d.ts +4 -0
- package/src/lib/form/toggle-group/tng-toggle-group.component.d.ts.map +1 -1
- package/src/lib/form/toggle-group/tng-toggle-group.component.js +28 -31
- package/src/lib/form/toggle-group/tng-toggle-group.component.js.map +1 -1
- package/src/lib/layout/accordion/tng-accordion.component.d.ts +10 -0
- package/src/lib/layout/accordion/tng-accordion.component.d.ts.map +1 -1
- package/src/lib/layout/accordion/tng-accordion.component.js +49 -148
- package/src/lib/layout/accordion/tng-accordion.component.js.map +1 -1
- package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.d.ts +3 -0
- package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.d.ts.map +1 -1
- package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.js +10 -13
- package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.js.map +1 -1
- package/src/lib/layout/card/tng-card.component.d.ts +21 -0
- package/src/lib/layout/card/tng-card.component.d.ts.map +1 -1
- package/src/lib/layout/card/tng-card.component.js +92 -136
- package/src/lib/layout/card/tng-card.component.js.map +1 -1
- package/src/lib/layout/collapsible/tng-collapsible.component.d.ts +3 -0
- package/src/lib/layout/collapsible/tng-collapsible.component.d.ts.map +1 -1
- package/src/lib/layout/collapsible/tng-collapsible.component.js +17 -24
- package/src/lib/layout/collapsible/tng-collapsible.component.js.map +1 -1
- package/src/lib/layout/drawer/tng-drawer.component.d.ts +4 -0
- package/src/lib/layout/drawer/tng-drawer.component.d.ts.map +1 -1
- package/src/lib/layout/drawer/tng-drawer.component.js +48 -51
- package/src/lib/layout/drawer/tng-drawer.component.js.map +1 -1
- package/src/lib/layout/grid/tng-grid.component.d.ts +8 -0
- package/src/lib/layout/grid/tng-grid.component.d.ts.map +1 -1
- package/src/lib/layout/grid/tng-grid.component.js +48 -110
- package/src/lib/layout/grid/tng-grid.component.js.map +1 -1
- package/src/lib/layout/index.d.ts +1 -8
- package/src/lib/layout/index.d.ts.map +1 -1
- package/src/lib/layout/index.js +5 -8
- package/src/lib/layout/index.js.map +1 -1
- package/src/lib/layout/separator/tng-separator.component.d.ts +3 -0
- package/src/lib/layout/separator/tng-separator.component.d.ts.map +1 -1
- package/src/lib/layout/separator/tng-separator.component.js +11 -16
- package/src/lib/layout/separator/tng-separator.component.js.map +1 -1
- package/src/lib/layout/stepper/tng-stepper.component.d.ts +3 -0
- package/src/lib/layout/stepper/tng-stepper.component.d.ts.map +1 -1
- package/src/lib/layout/stepper/tng-stepper.component.js +10 -13
- package/src/lib/layout/stepper/tng-stepper.component.js.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.d.ts +4 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.d.ts.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.js +47 -49
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.js.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.d.ts +4 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.d.ts.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.js +16 -18
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.js.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.d.ts +4 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.d.ts.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.js +10 -12
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.js.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.d.ts +3 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.d.ts.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.js +12 -10
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.js.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.d.ts +4 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.d.ts.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.js +12 -14
- package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.js.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.d.ts +4 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.d.ts.map +1 -1
- package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.js +23 -25
- package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.js.map +1 -1
- package/src/lib/navigation/context-menu/tng-context-menu.component.d.ts +5 -0
- package/src/lib/navigation/context-menu/tng-context-menu.component.d.ts.map +1 -1
- package/src/lib/navigation/context-menu/tng-context-menu.component.js +24 -26
- package/src/lib/navigation/context-menu/tng-context-menu.component.js.map +1 -1
- package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.d.ts +4 -0
- package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.d.ts.map +1 -1
- package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.js +19 -23
- package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.js.map +1 -1
- package/src/lib/navigation/index.d.ts +0 -12
- package/src/lib/navigation/index.d.ts.map +1 -1
- package/src/lib/navigation/index.js +4 -12
- package/src/lib/navigation/index.js.map +1 -1
- package/src/lib/navigation/menu/tng-menu-trigger-for.directive.d.ts +3 -0
- package/src/lib/navigation/menu/tng-menu-trigger-for.directive.d.ts.map +1 -1
- package/src/lib/navigation/menu/tng-menu-trigger-for.directive.js +22 -20
- package/src/lib/navigation/menu/tng-menu-trigger-for.directive.js.map +1 -1
- package/src/lib/navigation/menu/tng-menu.component.d.ts +5 -0
- package/src/lib/navigation/menu/tng-menu.component.d.ts.map +1 -1
- package/src/lib/navigation/menu/tng-menu.component.js +21 -23
- package/src/lib/navigation/menu/tng-menu.component.js.map +1 -1
- package/src/lib/navigation/menubar/tng-menubar.component.d.ts +5 -0
- package/src/lib/navigation/menubar/tng-menubar.component.d.ts.map +1 -1
- package/src/lib/navigation/menubar/tng-menubar.component.js +20 -22
- package/src/lib/navigation/menubar/tng-menubar.component.js.map +1 -1
- package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.d.ts +4 -0
- package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.d.ts.map +1 -1
- package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.js +11 -13
- package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.js.map +1 -1
- package/src/lib/navigation/tabs/tng-tabs.component.d.ts +5 -0
- package/src/lib/navigation/tabs/tng-tabs.component.d.ts.map +1 -1
- package/src/lib/navigation/tabs/tng-tabs.component.js +32 -34
- package/src/lib/navigation/tabs/tng-tabs.component.js.map +1 -1
- package/src/lib/navigation/toolbar/tng-toolbar.component.d.ts +4 -0
- package/src/lib/navigation/toolbar/tng-toolbar.component.d.ts.map +1 -1
- package/src/lib/navigation/toolbar/tng-toolbar.component.js +11 -13
- package/src/lib/navigation/toolbar/tng-toolbar.component.js.map +1 -1
- package/src/lib/overlay/dialog/tng-dialog.component.d.ts +4 -0
- package/src/lib/overlay/dialog/tng-dialog.component.d.ts.map +1 -1
- package/src/lib/overlay/dialog/tng-dialog.component.js +18 -25
- package/src/lib/overlay/dialog/tng-dialog.component.js.map +1 -1
- package/src/lib/overlay/index.d.ts +0 -3
- package/src/lib/overlay/index.d.ts.map +1 -1
- package/src/lib/overlay/index.js +4 -3
- package/src/lib/overlay/index.js.map +1 -1
- package/src/lib/overlay/popover/tng-popover.component.d.ts +4 -0
- package/src/lib/overlay/popover/tng-popover.component.d.ts.map +1 -1
- package/src/lib/overlay/popover/tng-popover.component.js +23 -37
- package/src/lib/overlay/popover/tng-popover.component.js.map +1 -1
- package/src/lib/overlay/tooltip/tng-tooltip.component.d.ts +4 -0
- package/src/lib/overlay/tooltip/tng-tooltip.component.d.ts.map +1 -1
- package/src/lib/overlay/tooltip/tng-tooltip.component.js +17 -21
- package/src/lib/overlay/tooltip/tng-tooltip.component.js.map +1 -1
- package/src/lib/utility/avatar/tng-avatar.component.d.ts +4 -1
- package/src/lib/utility/avatar/tng-avatar.component.d.ts.map +1 -1
- package/src/lib/utility/avatar/tng-avatar.component.js +20 -22
- package/src/lib/utility/avatar/tng-avatar.component.js.map +1 -1
- package/src/lib/utility/badge/tng-badge.component.d.ts +4 -0
- package/src/lib/utility/badge/tng-badge.component.d.ts.map +1 -1
- package/src/lib/utility/badge/tng-badge.component.js +13 -10
- package/src/lib/utility/badge/tng-badge.component.js.map +1 -1
- package/src/lib/utility/button/tng-button.component.d.ts +4 -1
- package/src/lib/utility/button/tng-button.component.d.ts.map +1 -1
- package/src/lib/utility/button/tng-button.component.js +19 -29
- package/src/lib/utility/button/tng-button.component.js.map +1 -1
- package/src/lib/utility/code-block/tng-code-block.component.d.ts +4 -0
- package/src/lib/utility/code-block/tng-code-block.component.d.ts.map +1 -1
- package/src/lib/utility/code-block/tng-code-block.component.js +73 -103
- package/src/lib/utility/code-block/tng-code-block.component.js.map +1 -1
- package/src/lib/utility/copy-button/tng-copy-button.component.d.ts +4 -1
- package/src/lib/utility/copy-button/tng-copy-button.component.d.ts.map +1 -1
- package/src/lib/utility/copy-button/tng-copy-button.component.js +28 -36
- package/src/lib/utility/copy-button/tng-copy-button.component.js.map +1 -1
- package/src/lib/utility/index.d.ts +1 -9
- package/src/lib/utility/index.d.ts.map +1 -1
- package/src/lib/utility/index.js +5 -8
- package/src/lib/utility/index.js.map +1 -1
- package/src/lib/utility/tag/tng-tag.component.d.ts +4 -1
- package/src/lib/utility/tag/tng-tag.component.d.ts.map +1 -1
- package/src/lib/utility/tag/tng-tag.component.js +18 -24
- package/src/lib/utility/tag/tng-tag.component.js.map +1 -1
- package/src/lib/utility/tree/tng-tree.component.d.ts +4 -1
- package/src/lib/utility/tree/tng-tree.component.d.ts.map +1 -1
- package/src/lib/utility/tree/tng-tree.component.js +23 -25
- package/src/lib/utility/tree/tng-tree.component.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tng-toggle.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle/tng-toggle.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n booleanAttribute,\n Component,\n OnInit,\n computed,\n forwardRef,\n inject,\n input,\n output,\n signal,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\nimport {\n coerceTngToggleNullableBoolean,\n TngToggle as TngTogglePrimitive,\n TngToggleGroup as TngToggleGroupPrimitive,\n} from '@tailng-ui/primitives';\n\nexport function toggleTngToggleState(pressed: boolean): boolean {\n return !pressed;\n}\n\nexport function resolveTngToggleAriaLabel(\n pressed: boolean,\n pressedLabel: string,\n unpressedLabel: string,\n): string {\n return pressed ? pressedLabel : unpressedLabel;\n}\n\ntype NullableBooleanInput = '' | 'false' | 'true' | boolean | null | undefined;\n\nfunction normalizeStringValue(value: string | null | undefined): string | null {\n if (value === undefined || value === null) {\n return null;\n }\n\n const normalized = value.trim();\n return normalized.length > 0 ? normalized : null;\n}\n\nconst noControlChange = (_value: boolean): void => undefined;\nconst noControlTouch = (): void => undefined;\n\nfunction injectParentToggleGroup(): TngToggleGroupPrimitive | null {\n return inject(TngToggleGroupPrimitive, {\n optional: true,\n skipSelf: true,\n });\n}\n\n@Component({\n selector: 'tng-toggle',\n imports: [TngTogglePrimitive],\n templateUrl: './tng-toggle.component.html',\n styleUrl: './tng-toggle.component.css',\n viewProviders: [\n {\n provide: TngToggleGroupPrimitive,\n useFactory: injectParentToggleGroup,\n },\n ],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TngToggleComponent),\n multi: true,\n },\n ],\n})\nexport class TngToggleComponent implements ControlValueAccessor, OnInit {\n private readonly group = inject(TngToggleGroupPrimitive, {\n optional: true,\n skipSelf: true,\n });\n private readonly internalPressed = signal(false);\n private readonly cvaModeEnabled = signal(false);\n private readonly cvaPressed = signal(false);\n private readonly cvaDisabled = signal(false);\n\n private onControlChange: (value: boolean) => void = noControlChange;\n private onControlTouched: () => void = noControlTouch;\n\n public readonly ariaLabel = input<string | null>(null);\n public readonly ariaLabelledby = input<string | null>(null);\n public readonly ariaDescribedBy = input<string | null>(null);\n public readonly value = input<string | null>(null);\n\n public readonly pressed = input<boolean | null, NullableBooleanInput>(null, {\n transform: coerceTngToggleNullableBoolean,\n });\n public readonly defaultPressed = input<boolean, boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly disabled = input<boolean, boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly pressedLabel = input<string>('Enabled');\n public readonly unpressedLabel = input<string>('Disabled');\n\n public readonly pressedChange = output<boolean>();\n\n protected readonly resolvedDisabled = computed<boolean>(() => {\n const groupDisabled = this.group?.isGroupDisabled() === true && this.groupManagesState();\n if (this.cvaModeEnabled()) {\n return this.cvaDisabled() || groupDisabled;\n }\n\n return this.disabled() || groupDisabled;\n });\n\n protected readonly resolvedPressed = computed<boolean>(() => {\n const groupItemValue = this.groupItemValue();\n if (groupItemValue !== null && this.group !== null) {\n return this.group.isItemSelected(groupItemValue);\n }\n\n if (this.cvaModeEnabled()) {\n return this.cvaPressed();\n }\n\n const controlledPressed = this.pressed();\n if (controlledPressed !== null) {\n return controlledPressed;\n }\n\n return this.internalPressed();\n });\n\n public constructor() {\n this.internalPressed.set(false);\n }\n\n public ngOnInit(): void {\n this.internalPressed.set(this.defaultPressed());\n }\n\n public onBlur(): void {\n this.onControlTouched();\n }\n\n public onPrimitivePressedChange(nextPressed: boolean): void {\n if (this.resolvedDisabled()) {\n return;\n }\n\n if (this.cvaModeEnabled()) {\n this.cvaPressed.set(nextPressed);\n this.onControlChange(nextPressed);\n } else if (this.pressed() === null && !this.groupManagesState()) {\n this.internalPressed.set(nextPressed);\n }\n\n this.pressedChange.emit(nextPressed);\n }\n\n public getAriaLabel(): string | null {\n const explicitAriaLabel = normalizeStringValue(this.ariaLabel());\n if (explicitAriaLabel !== null) {\n return explicitAriaLabel;\n }\n\n const labelledby = normalizeStringValue(this.ariaLabelledby());\n if (labelledby !== null) {\n return null;\n }\n\n return resolveTngToggleAriaLabel(\n this.resolvedPressed(),\n this.pressedLabel(),\n this.unpressedLabel(),\n );\n }\n\n public registerOnChange(fn: (value: boolean) => void): void {\n this.cvaModeEnabled.set(true);\n this.onControlChange = fn;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.cvaModeEnabled.set(true);\n this.onControlTouched = fn;\n }\n\n public setDisabledState(isDisabled: boolean): void {\n this.cvaModeEnabled.set(true);\n this.cvaDisabled.set(isDisabled);\n }\n\n public writeValue(value: unknown): void {\n this.cvaModeEnabled.set(true);\n this.cvaPressed.set(value === true);\n }\n\n private groupItemValue(): string | null {\n return normalizeStringValue(this.value());\n }\n\n private groupManagesState(): boolean {\n return this.group !== null && this.groupItemValue() !== null;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"tng-toggle.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle/tng-toggle.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle/tng-toggle.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n booleanAttribute,\n Component,\n OnInit,\n computed,\n forwardRef,\n inject,\n input,\n output,\n signal,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\nimport {\n coerceTngToggleNullableBoolean,\n TngToggle as TngTogglePrimitive,\n TngToggleGroup as TngToggleGroupPrimitive,\n} from '@tailng-ui/primitives';\n\nexport function toggleTngToggleState(pressed: boolean): boolean {\n return !pressed;\n}\n\nexport function resolveTngToggleAriaLabel(\n pressed: boolean,\n pressedLabel: string,\n unpressedLabel: string,\n): string {\n return pressed ? pressedLabel : unpressedLabel;\n}\n\ntype NullableBooleanInput = '' | 'false' | 'true' | boolean | null | undefined;\n\nfunction normalizeStringValue(value: string | null | undefined): string | null {\n if (value === undefined || value === null) {\n return null;\n }\n\n const normalized = value.trim();\n return normalized.length > 0 ? normalized : null;\n}\n\nconst noControlChange = (_value: boolean): void => undefined;\nconst noControlTouch = (): void => undefined;\n\nfunction injectParentToggleGroup(): TngToggleGroupPrimitive | null {\n return inject(TngToggleGroupPrimitive, {\n optional: true,\n skipSelf: true,\n });\n}\n\n@Component({\n selector: 'tng-toggle',\n imports: [TngTogglePrimitive],\n templateUrl: './tng-toggle.component.html',\n styleUrl: './tng-toggle.component.css',\n viewProviders: [\n {\n provide: TngToggleGroupPrimitive,\n useFactory: injectParentToggleGroup,\n },\n ],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TngToggleComponent),\n multi: true,\n },\n ],\n})\nexport class TngToggleComponent implements ControlValueAccessor, OnInit {\n private readonly group = inject(TngToggleGroupPrimitive, {\n optional: true,\n skipSelf: true,\n });\n private readonly internalPressed = signal(false);\n private readonly cvaModeEnabled = signal(false);\n private readonly cvaPressed = signal(false);\n private readonly cvaDisabled = signal(false);\n\n private onControlChange: (value: boolean) => void = noControlChange;\n private onControlTouched: () => void = noControlTouch;\n\n public readonly ariaLabel = input<string | null>(null);\n public readonly ariaLabelledby = input<string | null>(null);\n public readonly ariaDescribedBy = input<string | null>(null);\n public readonly value = input<string | null>(null);\n\n public readonly pressed = input<boolean | null, NullableBooleanInput>(null, {\n transform: coerceTngToggleNullableBoolean,\n });\n public readonly defaultPressed = input<boolean, boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly disabled = input<boolean, boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly pressedLabel = input<string>('Enabled');\n public readonly unpressedLabel = input<string>('Disabled');\n\n public readonly pressedChange = output<boolean>();\n\n protected readonly resolvedDisabled = computed<boolean>(() => {\n const groupDisabled = this.group?.isGroupDisabled() === true && this.groupManagesState();\n if (this.cvaModeEnabled()) {\n return this.cvaDisabled() || groupDisabled;\n }\n\n return this.disabled() || groupDisabled;\n });\n\n protected readonly resolvedPressed = computed<boolean>(() => {\n const groupItemValue = this.groupItemValue();\n if (groupItemValue !== null && this.group !== null) {\n return this.group.isItemSelected(groupItemValue);\n }\n\n if (this.cvaModeEnabled()) {\n return this.cvaPressed();\n }\n\n const controlledPressed = this.pressed();\n if (controlledPressed !== null) {\n return controlledPressed;\n }\n\n return this.internalPressed();\n });\n\n public constructor() {\n this.internalPressed.set(false);\n }\n\n public ngOnInit(): void {\n this.internalPressed.set(this.defaultPressed());\n }\n\n public onBlur(): void {\n this.onControlTouched();\n }\n\n public onPrimitivePressedChange(nextPressed: boolean): void {\n if (this.resolvedDisabled()) {\n return;\n }\n\n if (this.cvaModeEnabled()) {\n this.cvaPressed.set(nextPressed);\n this.onControlChange(nextPressed);\n } else if (this.pressed() === null && !this.groupManagesState()) {\n this.internalPressed.set(nextPressed);\n }\n\n this.pressedChange.emit(nextPressed);\n }\n\n public getAriaLabel(): string | null {\n const explicitAriaLabel = normalizeStringValue(this.ariaLabel());\n if (explicitAriaLabel !== null) {\n return explicitAriaLabel;\n }\n\n const labelledby = normalizeStringValue(this.ariaLabelledby());\n if (labelledby !== null) {\n return null;\n }\n\n return resolveTngToggleAriaLabel(\n this.resolvedPressed(),\n this.pressedLabel(),\n this.unpressedLabel(),\n );\n }\n\n public registerOnChange(fn: (value: boolean) => void): void {\n this.cvaModeEnabled.set(true);\n this.onControlChange = fn;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.cvaModeEnabled.set(true);\n this.onControlTouched = fn;\n }\n\n public setDisabledState(isDisabled: boolean): void {\n this.cvaModeEnabled.set(true);\n this.cvaDisabled.set(isDisabled);\n }\n\n public writeValue(value: unknown): void {\n this.cvaModeEnabled.set(true);\n this.cvaPressed.set(value === true);\n }\n\n private groupItemValue(): string | null {\n return normalizeStringValue(this.value());\n }\n\n private groupManagesState(): boolean {\n return this.group !== null && this.groupItemValue() !== null;\n }\n}\n","<button\n tngToggle\n class=\"tng-toggle-control\"\n [tngToggleValue]=\"value()\"\n [pressed]=\"resolvedPressed()\"\n [defaultPressed]=\"defaultPressed()\"\n [disabled]=\"resolvedDisabled()\"\n [ariaLabel]=\"getAriaLabel()\"\n [ariaLabelledby]=\"ariaLabelledby()\"\n [ariaDescribedBy]=\"ariaDescribedBy()\"\n (pressedChange)=\"onPrimitivePressedChange($event)\"\n (blur)=\"onBlur()\"\n>\n @if (resolvedPressed()) {\n <span class=\"tng-toggle-icon\">\n <ng-content select=\"[onIcon]\">on</ng-content>\n </span>\n } @else {\n <span class=\"tng-toggle-icon\">\n <ng-content select=\"[offIcon]\">off</ng-content>\n </span>\n }\n</button>\n"]}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@tailng-ui/primitives";
|
|
1
3
|
export declare class TngToggleGroupComponent {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngToggleGroupComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngToggleGroupComponent, "tng-toggle-group", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TngToggleGroup; inputs: { "ariaLabel": "ariaLabel"; "ariaLabelledby": "ariaLabelledby"; "orientation": "orientation"; "selectionMode": "selectionMode"; "disabled": "disabled"; "value": "value"; "values": "values"; "defaultValue": "defaultValue"; "defaultValues": "defaultValues"; }; outputs: { "valueChange": "valueChange"; "valuesChange": "valuesChange"; }; }]>;
|
|
2
6
|
}
|
|
3
7
|
//# sourceMappingURL=tng-toggle-group.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tng-toggle-group.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle-group/tng-toggle-group.component.ts"],"names":[],"mappings":"AAGA,qBAyBa,uBAAuB;CAAG"}
|
|
1
|
+
{"version":3,"file":"tng-toggle-group.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle-group/tng-toggle-group.component.ts"],"names":[],"mappings":";;AAGA,qBAyBa,uBAAuB;yCAAvB,uBAAuB;2CAAvB,uBAAuB;CAAG"}
|
|
@@ -1,34 +1,31 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
1
|
import { Component } from '@angular/core';
|
|
3
2
|
import { TngToggleGroup as TngToggleGroupPrimitive } from '@tailng-ui/primitives';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
TngToggleGroupComponent
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
], TngToggleGroupComponent);
|
|
33
|
-
export { TngToggleGroupComponent };
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@tailng-ui/primitives";
|
|
5
|
+
export class TngToggleGroupComponent {
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngToggleGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngToggleGroupComponent, isStandalone: true, selector: "tng-toggle-group", host: { classAttribute: "tng-toggle-group" }, hostDirectives: [{ directive: i1.TngToggleGroup, inputs: ["ariaLabel", "ariaLabel", "ariaLabelledby", "ariaLabelledby", "orientation", "orientation", "selectionMode", "selectionMode", "disabled", "disabled", "value", "value", "values", "values", "defaultValue", "defaultValue", "defaultValues", "defaultValues"], outputs: ["valueChange", "valueChange", "valuesChange", "valuesChange"] }], ngImport: i0, template: "<ng-content />\n", styles: [":host {\n display: block;\n}\n\n.tng-toggle-group {\n background: var(--tng-semantic-background-base);\n border: 1px solid var(--tng-semantic-border-subtle);\n border-radius: 0.75rem;\n color: var(--tng-semantic-foreground-primary);\n display: grid;\n gap: 0.5rem;\n padding: 0.9rem 1rem;\n}\n"] });
|
|
8
|
+
}
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngToggleGroupComponent, decorators: [{
|
|
10
|
+
type: Component,
|
|
11
|
+
args: [{ selector: 'tng-toggle-group', host: {
|
|
12
|
+
class: 'tng-toggle-group',
|
|
13
|
+
}, hostDirectives: [
|
|
14
|
+
{
|
|
15
|
+
directive: TngToggleGroupPrimitive,
|
|
16
|
+
inputs: [
|
|
17
|
+
'ariaLabel',
|
|
18
|
+
'ariaLabelledby',
|
|
19
|
+
'orientation',
|
|
20
|
+
'selectionMode',
|
|
21
|
+
'disabled',
|
|
22
|
+
'value',
|
|
23
|
+
'values',
|
|
24
|
+
'defaultValue',
|
|
25
|
+
'defaultValues',
|
|
26
|
+
],
|
|
27
|
+
outputs: ['valueChange', 'valuesChange'],
|
|
28
|
+
},
|
|
29
|
+
], template: "<ng-content />\n", styles: [":host {\n display: block;\n}\n\n.tng-toggle-group {\n background: var(--tng-semantic-background-base);\n border: 1px solid var(--tng-semantic-border-subtle);\n border-radius: 0.75rem;\n color: var(--tng-semantic-foreground-primary);\n display: grid;\n gap: 0.5rem;\n padding: 0.9rem 1rem;\n}\n"] }]
|
|
30
|
+
}] });
|
|
34
31
|
//# sourceMappingURL=tng-toggle-group.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tng-toggle-group.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle-group/tng-toggle-group.component.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tng-toggle-group.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle-group/tng-toggle-group.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/form/toggle-group/tng-toggle-group.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;;;AA2BlF,MAAM,OAAO,uBAAuB;uGAAvB,uBAAuB;2FAAvB,uBAAuB,+fC5BpC,kBACA;;2FD2Ba,uBAAuB;kBAzBnC,SAAS;+BACE,kBAAkB,QAGtB;wBACJ,KAAK,EAAE,kBAAkB;qBAC1B,kBACe;wBACd;4BACE,SAAS,EAAE,uBAAuB;4BAClC,MAAM,EAAE;gCACN,WAAW;gCACX,gBAAgB;gCAChB,aAAa;gCACb,eAAe;gCACf,UAAU;gCACV,OAAO;gCACP,QAAQ;gCACR,cAAc;gCACd,eAAe;6BAChB;4BACD,OAAO,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;yBACzC;qBACF","sourcesContent":["import { Component } from '@angular/core';\nimport { TngToggleGroup as TngToggleGroupPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n selector: 'tng-toggle-group',\n templateUrl: './tng-toggle-group.component.html',\n styleUrl: './tng-toggle-group.component.css',\n host: {\n class: 'tng-toggle-group',\n },\n hostDirectives: [\n {\n directive: TngToggleGroupPrimitive,\n inputs: [\n 'ariaLabel',\n 'ariaLabelledby',\n 'orientation',\n 'selectionMode',\n 'disabled',\n 'value',\n 'values',\n 'defaultValue',\n 'defaultValues',\n ],\n outputs: ['valueChange', 'valuesChange'],\n },\n ],\n})\nexport class TngToggleGroupComponent {}\n","<ng-content />\n"]}
|
|
@@ -1,11 +1,21 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@tailng-ui/primitives";
|
|
1
3
|
export declare class TngAccordionComponent {
|
|
2
4
|
readonly ariaLabel: import("@angular/core").InputSignal<string>;
|
|
3
5
|
protected get hostAriaLabel(): string;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngAccordionComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngAccordionComponent, "tng-accordion", ["tngAccordionComponent"], { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TngAccordion; inputs: { "type": "type"; "value": "value"; "defaultValue": "defaultValue"; "collapsible": "collapsible"; "disabled": "disabled"; "loop": "loop"; "lazy": "lazy"; "keepAlive": "keepAlive"; }; outputs: { "valueChange": "valueChange"; "valuesChange": "valuesChange"; "expandedChange": "expandedChange"; "openStart": "openStart"; "opened": "opened"; "closeStart": "closeStart"; "closed": "closed"; }; }]>;
|
|
4
8
|
}
|
|
5
9
|
export declare class TngAccordionItemComponent {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngAccordionItemComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngAccordionItemComponent, "tng-accordion-item", ["tngAccordionItemComponent"], {}, {}, never, ["*"], true, [{ directive: typeof i1.TngAccordionItem; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
|
|
6
12
|
}
|
|
7
13
|
export declare class TngAccordionTriggerComponent {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngAccordionTriggerComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngAccordionTriggerComponent, "tng-accordion-trigger", ["tngAccordionTriggerComponent"], {}, {}, never, ["*"], true, [{ directive: typeof i1.TngAccordionTrigger; inputs: {}; outputs: {}; }]>;
|
|
8
16
|
}
|
|
9
17
|
export declare class TngAccordionPanelComponent {
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngAccordionPanelComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngAccordionPanelComponent, "tng-accordion-panel", ["tngAccordionPanelComponent"], {}, {}, never, ["*"], true, [{ directive: typeof i1.TngAccordionPanel; inputs: {}; outputs: {}; }]>;
|
|
10
20
|
}
|
|
11
21
|
//# sourceMappingURL=tng-accordion.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tng-accordion.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/accordion/tng-accordion.component.ts"],"names":[],"mappings":"AAQA,qBAaa,qBAAqB;IAChC,QAAQ,CAAC,SAAS,8CAA8B;IAGhD,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;
|
|
1
|
+
{"version":3,"file":"tng-accordion.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/accordion/tng-accordion.component.ts"],"names":[],"mappings":";;AAQA,qBAaa,qBAAqB;IAChC,QAAQ,CAAC,SAAS,8CAA8B;IAGhD,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;yCANU,qBAAqB;2CAArB,qBAAqB;CAOjC;AAED,qBAyBa,yBAAyB;yCAAzB,yBAAyB;2CAAzB,yBAAyB;CAAG;AAEzC,qBAyCa,4BAA4B;yCAA5B,4BAA4B;2CAA5B,4BAA4B;CAAG;AAE5C,qBA4Ca,0BAA0B;yCAA1B,0BAA0B;2CAA1B,0BAA0B;CAAG"}
|
|
@@ -1,154 +1,55 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
1
|
import { Component, HostBinding, input } from '@angular/core';
|
|
3
2
|
import { TngAccordion as TngAccordionPrimitive, TngAccordionItem as TngAccordionItemPrimitive, TngAccordionPanel as TngAccordionPanelPrimitive, TngAccordionTrigger as TngAccordionTriggerPrimitive, } from '@tailng-ui/primitives';
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@tailng-ui/primitives";
|
|
5
|
+
export class TngAccordionComponent {
|
|
6
|
+
ariaLabel = input('Accordion', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
|
|
6
7
|
get hostAriaLabel() {
|
|
7
8
|
return this.ariaLabel();
|
|
8
9
|
}
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
})
|
|
27
|
-
],
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
border-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
border-top: 0;
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
display: block
|
|
53
|
-
|
|
54
|
-
`,
|
|
55
|
-
exportAs: 'tngAccordionItemComponent',
|
|
56
|
-
})
|
|
57
|
-
], TngAccordionItemComponent);
|
|
58
|
-
export { TngAccordionItemComponent };
|
|
59
|
-
let TngAccordionTriggerComponent = class TngAccordionTriggerComponent {
|
|
60
|
-
};
|
|
61
|
-
TngAccordionTriggerComponent = __decorate([
|
|
62
|
-
Component({
|
|
63
|
-
selector: 'tng-accordion-trigger',
|
|
64
|
-
hostDirectives: [TngAccordionTriggerPrimitive],
|
|
65
|
-
template: '<span class="tng-accordion__trigger-content"><ng-content /></span>',
|
|
66
|
-
styles: `
|
|
67
|
-
:host {
|
|
68
|
-
align-items: center;
|
|
69
|
-
background: var(--tng-semantic-background-surface);
|
|
70
|
-
border: 0;
|
|
71
|
-
color: var(--tng-semantic-foreground-primary);
|
|
72
|
-
cursor: pointer;
|
|
73
|
-
display: flex;
|
|
74
|
-
font: inherit;
|
|
75
|
-
gap: 0.5rem;
|
|
76
|
-
justify-content: space-between;
|
|
77
|
-
min-height: 2.75rem;
|
|
78
|
-
padding: 0.8rem 1rem;
|
|
79
|
-
user-select: none;
|
|
80
|
-
width: 100%;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
:host([data-disabled='true']) {
|
|
84
|
-
cursor: not-allowed;
|
|
85
|
-
opacity: 0.55;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
:host(:focus-visible) {
|
|
89
|
-
outline: 2px solid var(--tng-semantic-focus-ring);
|
|
90
|
-
outline-offset: -2px;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.tng-accordion__trigger-content {
|
|
94
|
-
align-items: center;
|
|
95
|
-
display: inline-flex;
|
|
96
|
-
flex: 1 1 auto;
|
|
97
|
-
justify-content: space-between;
|
|
98
|
-
width: 100%;
|
|
99
|
-
}
|
|
100
|
-
`,
|
|
101
|
-
exportAs: 'tngAccordionTriggerComponent',
|
|
102
|
-
})
|
|
103
|
-
], TngAccordionTriggerComponent);
|
|
104
|
-
export { TngAccordionTriggerComponent };
|
|
105
|
-
let TngAccordionPanelComponent = class TngAccordionPanelComponent {
|
|
106
|
-
};
|
|
107
|
-
TngAccordionPanelComponent = __decorate([
|
|
108
|
-
Component({
|
|
109
|
-
selector: 'tng-accordion-panel',
|
|
110
|
-
hostDirectives: [TngAccordionPanelPrimitive],
|
|
111
|
-
template: '<section class="tng-accordion__panel"><ng-content /></section>',
|
|
112
|
-
styles: `
|
|
113
|
-
:host {
|
|
114
|
-
display: grid;
|
|
115
|
-
grid-template-rows: 1fr;
|
|
116
|
-
opacity: 1;
|
|
117
|
-
transition:
|
|
118
|
-
grid-template-rows 180ms ease,
|
|
119
|
-
opacity 180ms ease;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
:host([hidden]) {
|
|
123
|
-
display: grid !important;
|
|
124
|
-
grid-template-rows: 0fr;
|
|
125
|
-
opacity: 0;
|
|
126
|
-
pointer-events: none;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.tng-accordion__panel {
|
|
130
|
-
background: var(--tng-semantic-background-base);
|
|
131
|
-
border-top: 1px solid var(--tng-semantic-border-subtle);
|
|
132
|
-
color: var(--tng-semantic-foreground-primary);
|
|
133
|
-
display: block;
|
|
134
|
-
min-height: 0;
|
|
135
|
-
overflow: hidden;
|
|
136
|
-
padding: 0.9rem 1rem;
|
|
137
|
-
transform: translateY(0);
|
|
138
|
-
transition:
|
|
139
|
-
border-color 180ms ease,
|
|
140
|
-
padding-block 180ms ease,
|
|
141
|
-
transform 180ms ease;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
:host([hidden]) .tng-accordion__panel {
|
|
145
|
-
border-top-color: transparent;
|
|
146
|
-
padding-block: 0;
|
|
147
|
-
transform: translateY(-4px);
|
|
148
|
-
}
|
|
149
|
-
`,
|
|
150
|
-
exportAs: 'tngAccordionPanelComponent',
|
|
151
|
-
})
|
|
152
|
-
], TngAccordionPanelComponent);
|
|
153
|
-
export { TngAccordionPanelComponent };
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngAccordionComponent, isStandalone: true, selector: "tng-accordion", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "this.hostAriaLabel" } }, exportAs: ["tngAccordionComponent"], hostDirectives: [{ directive: i1.TngAccordion, inputs: ["type", "type", "value", "value", "defaultValue", "defaultValue", "collapsible", "collapsible", "disabled", "disabled", "loop", "loop", "lazy", "lazy", "keepAlive", "keepAlive"], outputs: ["valueChange", "valueChange", "valuesChange", "valuesChange", "expandedChange", "expandedChange", "openStart", "openStart", "opened", "opened", "closeStart", "closeStart", "closed", "closed"] }], ngImport: i0, template: "<section class=\"tng-accordion\">\n <ng-content />\n</section>\n", styles: [":host {\n display: block;\n}\n\n.tng-accordion {\n border: 1px solid var(--tng-semantic-border-subtle);\n border-radius: 0.75rem;\n overflow: hidden;\n}\n"] });
|
|
12
|
+
}
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'tng-accordion', hostDirectives: [
|
|
16
|
+
{
|
|
17
|
+
directive: TngAccordionPrimitive,
|
|
18
|
+
inputs: ['type', 'value', 'defaultValue', 'collapsible', 'disabled', 'loop', 'lazy', 'keepAlive'],
|
|
19
|
+
outputs: ['valueChange', 'valuesChange', 'expandedChange', 'openStart', 'opened', 'closeStart', 'closed'],
|
|
20
|
+
},
|
|
21
|
+
], exportAs: 'tngAccordionComponent', template: "<section class=\"tng-accordion\">\n <ng-content />\n</section>\n", styles: [":host {\n display: block;\n}\n\n.tng-accordion {\n border: 1px solid var(--tng-semantic-border-subtle);\n border-radius: 0.75rem;\n overflow: hidden;\n}\n"] }]
|
|
22
|
+
}], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], hostAriaLabel: [{
|
|
23
|
+
type: HostBinding,
|
|
24
|
+
args: ['attr.aria-label']
|
|
25
|
+
}] } });
|
|
26
|
+
export class TngAccordionItemComponent {
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngAccordionItemComponent, isStandalone: true, selector: "tng-accordion-item", exportAs: ["tngAccordionItemComponent"], hostDirectives: [{ directive: i1.TngAccordionItem, inputs: ["value", "value", "disabled", "disabled"] }], ngImport: i0, template: '<section class="tng-accordion__item"><ng-content /></section>', isInline: true, styles: ["\n :host {\n display: block;\n border-top: 1px solid var(--tng-semantic-border-subtle);\n }\n\n :host(:first-child) {\n border-top: 0;\n }\n\n .tng-accordion__item {\n display: block;\n }\n "] });
|
|
29
|
+
}
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionItemComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{ selector: 'tng-accordion-item', hostDirectives: [
|
|
33
|
+
{
|
|
34
|
+
directive: TngAccordionItemPrimitive,
|
|
35
|
+
inputs: ['value', 'disabled'],
|
|
36
|
+
},
|
|
37
|
+
], template: '<section class="tng-accordion__item"><ng-content /></section>', exportAs: 'tngAccordionItemComponent', styles: ["\n :host {\n display: block;\n border-top: 1px solid var(--tng-semantic-border-subtle);\n }\n\n :host(:first-child) {\n border-top: 0;\n }\n\n .tng-accordion__item {\n display: block;\n }\n "] }]
|
|
38
|
+
}] });
|
|
39
|
+
export class TngAccordionTriggerComponent {
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngAccordionTriggerComponent, isStandalone: true, selector: "tng-accordion-trigger", exportAs: ["tngAccordionTriggerComponent"], hostDirectives: [{ directive: i1.TngAccordionTrigger }], ngImport: i0, template: '<span class="tng-accordion__trigger-content"><ng-content /></span>', isInline: true, styles: ["\n :host {\n align-items: center;\n background: var(--tng-semantic-background-surface);\n border: 0;\n color: var(--tng-semantic-foreground-primary);\n cursor: pointer;\n display: flex;\n font: inherit;\n gap: 0.5rem;\n justify-content: space-between;\n min-height: 2.75rem;\n padding: 0.8rem 1rem;\n user-select: none;\n width: 100%;\n }\n\n :host([data-disabled='true']) {\n cursor: not-allowed;\n opacity: 0.55;\n }\n\n :host(:focus-visible) {\n outline: 2px solid var(--tng-semantic-focus-ring);\n outline-offset: -2px;\n }\n\n .tng-accordion__trigger-content {\n align-items: center;\n display: inline-flex;\n flex: 1 1 auto;\n justify-content: space-between;\n width: 100%;\n }\n "] });
|
|
42
|
+
}
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionTriggerComponent, decorators: [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{ selector: 'tng-accordion-trigger', hostDirectives: [TngAccordionTriggerPrimitive], template: '<span class="tng-accordion__trigger-content"><ng-content /></span>', exportAs: 'tngAccordionTriggerComponent', styles: ["\n :host {\n align-items: center;\n background: var(--tng-semantic-background-surface);\n border: 0;\n color: var(--tng-semantic-foreground-primary);\n cursor: pointer;\n display: flex;\n font: inherit;\n gap: 0.5rem;\n justify-content: space-between;\n min-height: 2.75rem;\n padding: 0.8rem 1rem;\n user-select: none;\n width: 100%;\n }\n\n :host([data-disabled='true']) {\n cursor: not-allowed;\n opacity: 0.55;\n }\n\n :host(:focus-visible) {\n outline: 2px solid var(--tng-semantic-focus-ring);\n outline-offset: -2px;\n }\n\n .tng-accordion__trigger-content {\n align-items: center;\n display: inline-flex;\n flex: 1 1 auto;\n justify-content: space-between;\n width: 100%;\n }\n "] }]
|
|
46
|
+
}] });
|
|
47
|
+
export class TngAccordionPanelComponent {
|
|
48
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
49
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: TngAccordionPanelComponent, isStandalone: true, selector: "tng-accordion-panel", exportAs: ["tngAccordionPanelComponent"], hostDirectives: [{ directive: i1.TngAccordionPanel }], ngImport: i0, template: '<section class="tng-accordion__panel"><ng-content /></section>', isInline: true, styles: ["\n :host {\n display: grid;\n grid-template-rows: 1fr;\n opacity: 1;\n transition:\n grid-template-rows 180ms ease,\n opacity 180ms ease;\n }\n\n :host([hidden]) {\n display: grid !important;\n grid-template-rows: 0fr;\n opacity: 0;\n pointer-events: none;\n }\n\n .tng-accordion__panel {\n background: var(--tng-semantic-background-base);\n border-top: 1px solid var(--tng-semantic-border-subtle);\n color: var(--tng-semantic-foreground-primary);\n display: block;\n min-height: 0;\n overflow: hidden;\n padding: 0.9rem 1rem;\n transform: translateY(0);\n transition:\n border-color 180ms ease,\n padding-block 180ms ease,\n transform 180ms ease;\n }\n\n :host([hidden]) .tng-accordion__panel {\n border-top-color: transparent;\n padding-block: 0;\n transform: translateY(-4px);\n }\n "] });
|
|
50
|
+
}
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngAccordionPanelComponent, decorators: [{
|
|
52
|
+
type: Component,
|
|
53
|
+
args: [{ selector: 'tng-accordion-panel', hostDirectives: [TngAccordionPanelPrimitive], template: '<section class="tng-accordion__panel"><ng-content /></section>', exportAs: 'tngAccordionPanelComponent', styles: ["\n :host {\n display: grid;\n grid-template-rows: 1fr;\n opacity: 1;\n transition:\n grid-template-rows 180ms ease,\n opacity 180ms ease;\n }\n\n :host([hidden]) {\n display: grid !important;\n grid-template-rows: 0fr;\n opacity: 0;\n pointer-events: none;\n }\n\n .tng-accordion__panel {\n background: var(--tng-semantic-background-base);\n border-top: 1px solid var(--tng-semantic-border-subtle);\n color: var(--tng-semantic-foreground-primary);\n display: block;\n min-height: 0;\n overflow: hidden;\n padding: 0.9rem 1rem;\n transform: translateY(0);\n transition:\n border-color 180ms ease,\n padding-block 180ms ease,\n transform 180ms ease;\n }\n\n :host([hidden]) .tng-accordion__panel {\n border-top-color: transparent;\n padding-block: 0;\n transform: translateY(-4px);\n }\n "] }]
|
|
54
|
+
}] });
|
|
154
55
|
//# sourceMappingURL=tng-accordion.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tng-accordion.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/accordion/tng-accordion.component.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tng-accordion.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/accordion/tng-accordion.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/layout/accordion/tng-accordion.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EACL,YAAY,IAAI,qBAAqB,EACrC,gBAAgB,IAAI,yBAAyB,EAC7C,iBAAiB,IAAI,0BAA0B,EAC/C,mBAAmB,IAAI,4BAA4B,GACpD,MAAM,uBAAuB,CAAC;;;AAe/B,MAAM,OAAO,qBAAqB;IACvB,SAAS,GAAG,KAAK,CAAS,WAAW,qDAAC,CAAC;IAEhD,IACc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;uGANU,qBAAqB;2FAArB,qBAAqB,0vBCrBlC,mEAGA;;2FDkBa,qBAAqB;kBAbjC,SAAS;+BACE,eAAe,kBACT;wBACd;4BACE,SAAS,EAAE,qBAAqB;4BAChC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC;4BACjG,OAAO,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC;yBAC1G;qBACF,YAGS,uBAAuB;;sBAKhC,WAAW;uBAAC,iBAAiB;;AA+BhC,MAAM,OAAO,yBAAyB;uGAAzB,yBAAyB;2FAAzB,yBAAyB,iOAjB1B,+DAA+D;;2FAiB9D,yBAAyB;kBAzBrC,SAAS;+BACE,oBAAoB,kBACd;wBACd;4BACE,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;yBAC9B;qBACF,YACS,+DAA+D,YAe/D,2BAA2B;;AA6CvC,MAAM,OAAO,4BAA4B;uGAA5B,4BAA4B;2FAA5B,4BAA4B,sLAtC7B,oEAAoE;;2FAsCnE,4BAA4B;kBAzCxC,SAAS;+BACE,uBAAuB,kBACjB,CAAC,4BAA4B,CAAC,YACpC,oEAAoE,YAoCpE,8BAA8B;;AAgD1C,MAAM,OAAO,0BAA0B;uGAA1B,0BAA0B;2FAA1B,0BAA0B,gLAzC3B,gEAAgE;;2FAyC/D,0BAA0B;kBA5CtC,SAAS;+BACE,qBAAqB,kBACf,CAAC,0BAA0B,CAAC,YAClC,gEAAgE,YAuChE,4BAA4B","sourcesContent":["import { Component, HostBinding, input } from '@angular/core';\nimport {\n TngAccordion as TngAccordionPrimitive,\n TngAccordionItem as TngAccordionItemPrimitive,\n TngAccordionPanel as TngAccordionPanelPrimitive,\n TngAccordionTrigger as TngAccordionTriggerPrimitive,\n} from '@tailng-ui/primitives';\n\n@Component({\n selector: 'tng-accordion',\n hostDirectives: [\n {\n directive: TngAccordionPrimitive,\n inputs: ['type', 'value', 'defaultValue', 'collapsible', 'disabled', 'loop', 'lazy', 'keepAlive'],\n outputs: ['valueChange', 'valuesChange', 'expandedChange', 'openStart', 'opened', 'closeStart', 'closed'],\n },\n ],\n templateUrl: './tng-accordion.component.html',\n styleUrl: './tng-accordion.component.css',\n exportAs: 'tngAccordionComponent',\n})\nexport class TngAccordionComponent {\n readonly ariaLabel = input<string>('Accordion');\n\n @HostBinding('attr.aria-label')\n protected get hostAriaLabel(): string {\n return this.ariaLabel();\n }\n}\n\n@Component({\n selector: 'tng-accordion-item',\n hostDirectives: [\n {\n directive: TngAccordionItemPrimitive,\n inputs: ['value', 'disabled'],\n },\n ],\n template: '<section class=\"tng-accordion__item\"><ng-content /></section>',\n styles: `\n :host {\n display: block;\n border-top: 1px solid var(--tng-semantic-border-subtle);\n }\n\n :host(:first-child) {\n border-top: 0;\n }\n\n .tng-accordion__item {\n display: block;\n }\n `,\n exportAs: 'tngAccordionItemComponent',\n})\nexport class TngAccordionItemComponent {}\n\n@Component({\n selector: 'tng-accordion-trigger',\n hostDirectives: [TngAccordionTriggerPrimitive],\n template: '<span class=\"tng-accordion__trigger-content\"><ng-content /></span>',\n styles: `\n :host {\n align-items: center;\n background: var(--tng-semantic-background-surface);\n border: 0;\n color: var(--tng-semantic-foreground-primary);\n cursor: pointer;\n display: flex;\n font: inherit;\n gap: 0.5rem;\n justify-content: space-between;\n min-height: 2.75rem;\n padding: 0.8rem 1rem;\n user-select: none;\n width: 100%;\n }\n\n :host([data-disabled='true']) {\n cursor: not-allowed;\n opacity: 0.55;\n }\n\n :host(:focus-visible) {\n outline: 2px solid var(--tng-semantic-focus-ring);\n outline-offset: -2px;\n }\n\n .tng-accordion__trigger-content {\n align-items: center;\n display: inline-flex;\n flex: 1 1 auto;\n justify-content: space-between;\n width: 100%;\n }\n `,\n exportAs: 'tngAccordionTriggerComponent',\n})\nexport class TngAccordionTriggerComponent {}\n\n@Component({\n selector: 'tng-accordion-panel',\n hostDirectives: [TngAccordionPanelPrimitive],\n template: '<section class=\"tng-accordion__panel\"><ng-content /></section>',\n styles: `\n :host {\n display: grid;\n grid-template-rows: 1fr;\n opacity: 1;\n transition:\n grid-template-rows 180ms ease,\n opacity 180ms ease;\n }\n\n :host([hidden]) {\n display: grid !important;\n grid-template-rows: 0fr;\n opacity: 0;\n pointer-events: none;\n }\n\n .tng-accordion__panel {\n background: var(--tng-semantic-background-base);\n border-top: 1px solid var(--tng-semantic-border-subtle);\n color: var(--tng-semantic-foreground-primary);\n display: block;\n min-height: 0;\n overflow: hidden;\n padding: 0.9rem 1rem;\n transform: translateY(0);\n transition:\n border-color 180ms ease,\n padding-block 180ms ease,\n transform 180ms ease;\n }\n\n :host([hidden]) .tng-accordion__panel {\n border-top-color: transparent;\n padding-block: 0;\n transform: translateY(-4px);\n }\n `,\n exportAs: 'tngAccordionPanelComponent',\n})\nexport class TngAccordionPanelComponent {}\n","<section class=\"tng-accordion\">\n <ng-content />\n</section>\n"]}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
1
2
|
export declare class TngBottomSheetComponent {
|
|
2
3
|
readonly ariaLabel: import("@angular/core").InputSignal<string>;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngBottomSheetComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngBottomSheetComponent, "tng-bottom-sheet", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
3
6
|
}
|
|
4
7
|
//# sourceMappingURL=tng-bottom-sheet.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tng-bottom-sheet.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.ts"],"names":[],"mappings":"AAGA,qBAMa,uBAAuB;IAClC,SAAgB,SAAS,8CAAiC;
|
|
1
|
+
{"version":3,"file":"tng-bottom-sheet.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.ts"],"names":[],"mappings":";AAGA,qBAMa,uBAAuB;IAClC,SAAgB,SAAS,8CAAiC;yCAD/C,uBAAuB;2CAAvB,uBAAuB;CAEnC"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
1
|
import { Component, input } from '@angular/core';
|
|
3
2
|
import { TngBottomSheet as TngBottomSheetPrimitive } from '@tailng-ui/primitives';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
], TngBottomSheetComponent);
|
|
15
|
-
export { TngBottomSheetComponent };
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TngBottomSheetComponent {
|
|
5
|
+
ariaLabel = input('Bottom Sheet', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBottomSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngBottomSheetComponent, isStandalone: true, selector: "tng-bottom-sheet", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section tngBottomSheet class=\"tng-bottom-sheet\" [attr.aria-label]=\"ariaLabel()\">\n <ng-content />\n</section>\n", styles: [":host {\n display: block;\n}\n\n.tng-bottom-sheet {\n background: var(--tng-semantic-background-base);\n border: 1px solid var(--tng-semantic-border-subtle);\n border-radius: 0.75rem;\n color: var(--tng-semantic-foreground-primary);\n display: grid;\n gap: 0.5rem;\n padding: 0.9rem 1rem;\n}\n"], dependencies: [{ kind: "directive", type: TngBottomSheetPrimitive, selector: "[tngBottomSheet]", exportAs: ["tngBottomSheet"] }] });
|
|
8
|
+
}
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngBottomSheetComponent, decorators: [{
|
|
10
|
+
type: Component,
|
|
11
|
+
args: [{ selector: 'tng-bottom-sheet', imports: [TngBottomSheetPrimitive], template: "<section tngBottomSheet class=\"tng-bottom-sheet\" [attr.aria-label]=\"ariaLabel()\">\n <ng-content />\n</section>\n", styles: [":host {\n display: block;\n}\n\n.tng-bottom-sheet {\n background: var(--tng-semantic-background-base);\n border: 1px solid var(--tng-semantic-border-subtle);\n border-radius: 0.75rem;\n color: var(--tng-semantic-foreground-primary);\n display: grid;\n gap: 0.5rem;\n padding: 0.9rem 1rem;\n}\n"] }]
|
|
12
|
+
}], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
|
|
16
13
|
//# sourceMappingURL=tng-bottom-sheet.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tng-bottom-sheet.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tng-bottom-sheet.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;;AAQlF,MAAM,OAAO,uBAAuB;IAClB,SAAS,GAAG,KAAK,CAAS,cAAc,qDAAC,CAAC;uGAD/C,uBAAuB;2FAAvB,uBAAuB,4NCTpC,uHAGA,uWDEY,uBAAuB;;2FAItB,uBAAuB;kBANnC,SAAS;+BACE,kBAAkB,WACnB,CAAC,uBAAuB,CAAC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngBottomSheet as TngBottomSheetPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n selector: 'tng-bottom-sheet',\n imports: [TngBottomSheetPrimitive],\n templateUrl: './tng-bottom-sheet.component.html',\n styleUrl: './tng-bottom-sheet.component.css',\n})\nexport class TngBottomSheetComponent {\n public readonly ariaLabel = input<string>('Bottom Sheet');\n}\n","<section tngBottomSheet class=\"tng-bottom-sheet\" [attr.aria-label]=\"ariaLabel()\">\n <ng-content />\n</section>\n"]}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
1
2
|
declare const cardVariants: readonly ["ghost", "outline", "solid"];
|
|
2
3
|
declare const cardTones: readonly ["danger", "info", "neutral", "primary", "success", "warning"];
|
|
3
4
|
declare const cardPaddings: readonly ["lg", "md", "none", "sm"];
|
|
@@ -12,23 +13,41 @@ export declare class TngCardComponent {
|
|
|
12
13
|
readonly padding: import("@angular/core").InputSignalWithTransform<"none" | "sm" | "md" | "lg", string>;
|
|
13
14
|
readonly tone: import("@angular/core").InputSignalWithTransform<"neutral" | "primary" | "success" | "danger" | "info" | "warning", string>;
|
|
14
15
|
readonly variant: import("@angular/core").InputSignalWithTransform<"outline" | "solid" | "ghost", string>;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardComponent, "tng-card", never, { "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
15
18
|
}
|
|
16
19
|
export declare class TngCardHeaderComponent {
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardHeaderComponent, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardHeaderComponent, "tng-card-header", never, {}, {}, never, ["*"], true, never>;
|
|
17
22
|
}
|
|
18
23
|
export declare class TngCardTitleComponent {
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardTitleComponent, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardTitleComponent, "tng-card-title", never, {}, {}, never, ["*"], true, never>;
|
|
19
26
|
}
|
|
20
27
|
export declare class TngCardDescriptionComponent {
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardDescriptionComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardDescriptionComponent, "tng-card-description", never, {}, {}, never, ["*"], true, never>;
|
|
21
30
|
}
|
|
22
31
|
export declare class TngCardContentComponent {
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardContentComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardContentComponent, "tng-card-content", never, {}, {}, never, ["*"], true, never>;
|
|
23
34
|
}
|
|
24
35
|
export declare class TngCardFooterComponent {
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardFooterComponent, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardFooterComponent, "tng-card-footer", never, {}, {}, never, ["*"], true, never>;
|
|
25
38
|
}
|
|
26
39
|
export declare class TngCardMediaComponent {
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardMediaComponent, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardMediaComponent, "tng-card-media", never, {}, {}, never, ["*"], true, never>;
|
|
27
42
|
}
|
|
28
43
|
export declare class TngCardActionsComponent {
|
|
29
44
|
readonly align: import("@angular/core").InputSignalWithTransform<"start" | "end", string>;
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardActionsComponent, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardActionsComponent, "tng-card-actions", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
30
47
|
}
|
|
31
48
|
export declare class TngCardDividerComponent {
|
|
49
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardDividerComponent, never>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardDividerComponent, "tng-card-divider", never, {}, {}, never, never, true, never>;
|
|
32
51
|
}
|
|
33
52
|
export declare class TngCardLinkComponent {
|
|
34
53
|
readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
|
|
@@ -37,6 +56,8 @@ export declare class TngCardLinkComponent {
|
|
|
37
56
|
readonly rel: import("@angular/core").InputSignal<string | null>;
|
|
38
57
|
readonly target: import("@angular/core").InputSignal<string | null>;
|
|
39
58
|
protected onClick(...args: readonly unknown[]): void;
|
|
59
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngCardLinkComponent, never>;
|
|
60
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngCardLinkComponent, "tng-card-link", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
40
61
|
}
|
|
41
62
|
export {};
|
|
42
63
|
//# sourceMappingURL=tng-card.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tng-card.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/card/tng-card.component.ts"],"names":[],"mappings":"AAcA,QAAA,MAAM,YAAY,wCAAyC,CAAC;AAC5D,QAAA,MAAM,SAAS,yEAA0E,CAAC;AAC1F,QAAA,MAAM,YAAY,qCAAsC,CAAC;AACzD,QAAA,MAAM,oBAAoB,2BAA4B,CAAC;AAYvD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAkCxE,qBAMa,gBAAgB;IAC3B,SAAgB,QAAQ,8EAErB;IACH,SAAgB,WAAW,8EAExB;IACH,SAAgB,OAAO,wFAEpB;IACH,SAAgB,IAAI,8HAEjB;IACH,SAAgB,OAAO,0FAEpB;
|
|
1
|
+
{"version":3,"file":"tng-card.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/layout/card/tng-card.component.ts"],"names":[],"mappings":";AAcA,QAAA,MAAM,YAAY,wCAAyC,CAAC;AAC5D,QAAA,MAAM,SAAS,yEAA0E,CAAC;AAC1F,QAAA,MAAM,YAAY,qCAAsC,CAAC;AACzD,QAAA,MAAM,oBAAoB,2BAA4B,CAAC;AAYvD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAkCxE,qBAMa,gBAAgB;IAC3B,SAAgB,QAAQ,8EAErB;IACH,SAAgB,WAAW,8EAExB;IACH,SAAgB,OAAO,wFAEpB;IACH,SAAgB,IAAI,8HAEjB;IACH,SAAgB,OAAO,0FAEpB;yCAfQ,gBAAgB;2CAAhB,gBAAgB;CAgB5B;AAED,qBAMa,sBAAsB;yCAAtB,sBAAsB;2CAAtB,sBAAsB;CAClC;AAED,qBAMa,qBAAqB;yCAArB,qBAAqB;2CAArB,qBAAqB;CACjC;AAED,qBAMa,2BAA2B;yCAA3B,2BAA2B;2CAA3B,2BAA2B;CACvC;AAED,qBAMa,uBAAuB;yCAAvB,uBAAuB;2CAAvB,uBAAuB;CACnC;AAED,qBAMa,sBAAsB;yCAAtB,sBAAsB;2CAAtB,sBAAsB;CAClC;AAED,qBAMa,qBAAqB;yCAArB,qBAAqB;2CAArB,qBAAqB;CACjC;AAED,qBAMa,uBAAuB;IAClC,SAAgB,KAAK,4EAElB;yCAHQ,uBAAuB;2CAAvB,uBAAuB;CAInC;AAED,qBAMa,uBAAuB;yCAAvB,uBAAuB;2CAAvB,uBAAuB;CACnC;AAED,qBAMa,oBAAoB;IAC/B,SAAgB,SAAS,qDAA8B;IACvD,SAAgB,QAAQ,8EAErB;IACH,SAAgB,IAAI,qDAA6B;IACjD,SAAgB,GAAG,qDAA8B;IACjD,SAAgB,MAAM,qDAA8B;IAEpD,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI;yCATzC,oBAAoB;2CAApB,oBAAoB;CAsBhC"}
|