@sandlada/mdc 0.1.0-nightly.14072025
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/LICENSE +21 -0
- package/LICENSES/LICENSE-APACHE-2.0.txt +202 -0
- package/README.md +43 -0
- package/build/all.d.ts +40 -0
- package/build/all.d.ts.map +1 -0
- package/build/all.js +1 -0
- package/build/class-map-DQX-4Y_I.js +11 -0
- package/build/color-CigMJnjV.js +1 -0
- package/build/component-definitions/badge.definition.d.ts +15 -0
- package/build/component-definitions/badge.definition.d.ts.map +1 -0
- package/build/component-definitions/badge.definition.js +6 -0
- package/build/component-definitions/button.definition.d.ts +1017 -0
- package/build/component-definitions/button.definition.d.ts.map +1 -0
- package/build/component-definitions/button.definition.js +6 -0
- package/build/component-definitions/card.definition.d.ts +99 -0
- package/build/component-definitions/card.definition.d.ts.map +1 -0
- package/build/component-definitions/card.definition.js +6 -0
- package/build/component-definitions/checkbox.definition.d.ts +74 -0
- package/build/component-definitions/checkbox.definition.d.ts.map +1 -0
- package/build/component-definitions/checkbox.definition.js +6 -0
- package/build/component-definitions/dialog.definition.d.ts +74 -0
- package/build/component-definitions/dialog.definition.d.ts.map +1 -0
- package/build/component-definitions/dialog.definition.js +1 -0
- package/build/component-definitions/divider.definition.d.ts +5 -0
- package/build/component-definitions/divider.definition.d.ts.map +1 -0
- package/build/component-definitions/divider.definition.js +6 -0
- package/build/component-definitions/elevation.definition.d.ts +5 -0
- package/build/component-definitions/elevation.definition.d.ts.map +1 -0
- package/build/component-definitions/elevation.definition.js +6 -0
- package/build/component-definitions/fab.definition.d.ts +643 -0
- package/build/component-definitions/fab.definition.d.ts.map +1 -0
- package/build/component-definitions/fab.definition.js +6 -0
- package/build/component-definitions/focus-ring.definition.d.ts +13 -0
- package/build/component-definitions/focus-ring.definition.d.ts.map +1 -0
- package/build/component-definitions/focus-ring.definition.js +7 -0
- package/build/component-definitions/icon-button.definition.d.ts +718 -0
- package/build/component-definitions/icon-button.definition.d.ts.map +1 -0
- package/build/component-definitions/icon-button.definition.js +6 -0
- package/build/component-definitions/icon.definition.d.ts +10 -0
- package/build/component-definitions/icon.definition.d.ts.map +1 -0
- package/build/component-definitions/icon.definition.js +6 -0
- package/build/component-definitions/progress-indicator.definition.d.ts +52 -0
- package/build/component-definitions/progress-indicator.definition.d.ts.map +1 -0
- package/build/component-definitions/progress-indicator.definition.js +1 -0
- package/build/component-definitions/radio-button.definition.d.ts +29 -0
- package/build/component-definitions/radio-button.definition.d.ts.map +1 -0
- package/build/component-definitions/radio-button.definition.js +6 -0
- package/build/component-definitions/ripple.definition.d.ts +7 -0
- package/build/component-definitions/ripple.definition.d.ts.map +1 -0
- package/build/component-definitions/ripple.definition.js +6 -0
- package/build/component-definitions/switch.definition.d.ts +84 -0
- package/build/component-definitions/switch.definition.d.ts.map +1 -0
- package/build/component-definitions/switch.definition.js +6 -0
- package/build/components/button/base-button.d.ts +74 -0
- package/build/components/button/base-button.d.ts.map +1 -0
- package/build/components/button/base-button.js +6 -0
- package/build/components/button/button.d.ts +49 -0
- package/build/components/button/button.d.ts.map +1 -0
- package/build/components/button/button.js +1 -0
- package/build/components/button/button.style.d.ts +6 -0
- package/build/components/button/button.style.d.ts.map +1 -0
- package/build/components/button/button.style.js +618 -0
- package/build/components/button/elevated-button.d.ts +11 -0
- package/build/components/button/elevated-button.d.ts.map +1 -0
- package/build/components/button/elevated-button.js +1 -0
- package/build/components/button/filled-button.d.ts +11 -0
- package/build/components/button/filled-button.d.ts.map +1 -0
- package/build/components/button/filled-button.js +1 -0
- package/build/components/button/filled-tonal-button.d.ts +11 -0
- package/build/components/button/filled-tonal-button.d.ts.map +1 -0
- package/build/components/button/filled-tonal-button.js +1 -0
- package/build/components/button/outlined-button.d.ts +11 -0
- package/build/components/button/outlined-button.d.ts.map +1 -0
- package/build/components/button/outlined-button.js +1 -0
- package/build/components/button/text-button.d.ts +10 -0
- package/build/components/button/text-button.d.ts.map +1 -0
- package/build/components/button/text-button.js +1 -0
- package/build/components/button/togglable-button.d.ts +55 -0
- package/build/components/button/togglable-button.d.ts.map +1 -0
- package/build/components/button/togglable-button.js +1 -0
- package/build/components/button/toggle-elevated-button.d.ts +11 -0
- package/build/components/button/toggle-elevated-button.d.ts.map +1 -0
- package/build/components/button/toggle-elevated-button.js +1 -0
- package/build/components/button/toggle-filled-button.d.ts +11 -0
- package/build/components/button/toggle-filled-button.d.ts.map +1 -0
- package/build/components/button/toggle-filled-button.js +1 -0
- package/build/components/button/toggle-filled-tonal-button.d.ts +11 -0
- package/build/components/button/toggle-filled-tonal-button.d.ts.map +1 -0
- package/build/components/button/toggle-filled-tonal-button.js +1 -0
- package/build/components/button/toggle-outlined-button.d.ts +11 -0
- package/build/components/button/toggle-outlined-button.d.ts.map +1 -0
- package/build/components/button/toggle-outlined-button.js +1 -0
- package/build/components/dialog/base-dialog.d.ts +42 -0
- package/build/components/dialog/base-dialog.d.ts.map +1 -0
- package/build/components/dialog/base-dialog.js +1 -0
- package/build/components/dialog/basic-dialog.d.ts +10 -0
- package/build/components/dialog/basic-dialog.d.ts.map +1 -0
- package/build/components/dialog/basic-dialog.js +1 -0
- package/build/components/dialog/dialog-action.d.ts +62 -0
- package/build/components/dialog/dialog-action.d.ts.map +1 -0
- package/build/components/dialog/dialog-action.js +1 -0
- package/build/components/dialog/dialog-animations.d.ts +48 -0
- package/build/components/dialog/dialog-animations.d.ts.map +1 -0
- package/build/components/dialog/dialog-animations.js +6 -0
- package/build/components/dialog/dialog.style.d.ts +2 -0
- package/build/components/dialog/dialog.style.d.ts.map +1 -0
- package/build/components/dialog/dialog.style.js +217 -0
- package/build/components/divider/divider.d.ts +18 -0
- package/build/components/divider/divider.d.ts.map +1 -0
- package/build/components/divider/divider.js +1 -0
- package/build/components/divider/divider.style.d.ts +2 -0
- package/build/components/divider/divider.style.d.ts.map +1 -0
- package/build/components/divider/divider.style.js +6 -0
- package/build/components/elevation/elevation.d.ts +46 -0
- package/build/components/elevation/elevation.d.ts.map +1 -0
- package/build/components/elevation/elevation.js +1 -0
- package/build/components/elevation/elevation.style.d.ts +2 -0
- package/build/components/elevation/elevation.style.d.ts.map +1 -0
- package/build/components/elevation/elevation.style.js +6 -0
- package/build/components/fab/extended-fab.d.ts +36 -0
- package/build/components/fab/extended-fab.d.ts.map +1 -0
- package/build/components/fab/extended-fab.js +1 -0
- package/build/components/fab/extended-primary-fab.d.ts +10 -0
- package/build/components/fab/extended-primary-fab.d.ts.map +1 -0
- package/build/components/fab/extended-primary-fab.js +1 -0
- package/build/components/fab/extended-secondary-fab.d.ts +10 -0
- package/build/components/fab/extended-secondary-fab.d.ts.map +1 -0
- package/build/components/fab/extended-secondary-fab.js +1 -0
- package/build/components/fab/extended-tertiary-fab.d.ts +10 -0
- package/build/components/fab/extended-tertiary-fab.d.ts.map +1 -0
- package/build/components/fab/extended-tertiary-fab.js +1 -0
- package/build/components/fab/extended-tonal-primary-fab.d.ts +10 -0
- package/build/components/fab/extended-tonal-primary-fab.d.ts.map +1 -0
- package/build/components/fab/extended-tonal-primary-fab.js +1 -0
- package/build/components/fab/extended-tonal-secondary-fab.d.ts +10 -0
- package/build/components/fab/extended-tonal-secondary-fab.d.ts.map +1 -0
- package/build/components/fab/extended-tonal-secondary-fab.js +1 -0
- package/build/components/fab/extended-tonal-tertiary-fab.d.ts +10 -0
- package/build/components/fab/extended-tonal-tertiary-fab.d.ts.map +1 -0
- package/build/components/fab/extended-tonal-tertiary-fab.js +1 -0
- package/build/components/fab/fab.d.ts +45 -0
- package/build/components/fab/fab.d.ts.map +1 -0
- package/build/components/fab/fab.js +1 -0
- package/build/components/fab/fab.style.d.ts +13 -0
- package/build/components/fab/fab.style.d.ts.map +1 -0
- package/build/components/fab/fab.style.js +6 -0
- package/build/components/fab/primary-fab.d.ts +10 -0
- package/build/components/fab/primary-fab.d.ts.map +1 -0
- package/build/components/fab/primary-fab.js +1 -0
- package/build/components/fab/secondary-fab.d.ts +10 -0
- package/build/components/fab/secondary-fab.d.ts.map +1 -0
- package/build/components/fab/secondary-fab.js +1 -0
- package/build/components/fab/tertiary-fab.d.ts +10 -0
- package/build/components/fab/tertiary-fab.d.ts.map +1 -0
- package/build/components/fab/tertiary-fab.js +1 -0
- package/build/components/fab/tonal-primary-fab.d.ts +10 -0
- package/build/components/fab/tonal-primary-fab.d.ts.map +1 -0
- package/build/components/fab/tonal-primary-fab.js +1 -0
- package/build/components/fab/tonal-secondary-fab.d.ts +10 -0
- package/build/components/fab/tonal-secondary-fab.d.ts.map +1 -0
- package/build/components/fab/tonal-secondary-fab.js +1 -0
- package/build/components/fab/tonal-tertiary-fab.d.ts +10 -0
- package/build/components/fab/tonal-tertiary-fab.d.ts.map +1 -0
- package/build/components/fab/tonal-tertiary-fab.js +1 -0
- package/build/components/focus-ring/focus-ring.d.ts +56 -0
- package/build/components/focus-ring/focus-ring.d.ts.map +1 -0
- package/build/components/focus-ring/focus-ring.js +1 -0
- package/build/components/focus-ring/focus-ring.style.d.ts +2 -0
- package/build/components/focus-ring/focus-ring.style.d.ts.map +1 -0
- package/build/components/focus-ring/focus-ring.style.js +108 -0
- package/build/components/icon/icon.d.ts +50 -0
- package/build/components/icon/icon.d.ts.map +1 -0
- package/build/components/icon/icon.js +1 -0
- package/build/components/icon/icon.style.d.ts +2 -0
- package/build/components/icon/icon.style.d.ts.map +1 -0
- package/build/components/icon/icon.style.js +6 -0
- package/build/components/icon-button/base-icon-button.d.ts +62 -0
- package/build/components/icon-button/base-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/base-icon-button.js +1 -0
- package/build/components/icon-button/filled-icon-button.d.ts +10 -0
- package/build/components/icon-button/filled-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/filled-icon-button.js +1 -0
- package/build/components/icon-button/filled-tonal-icon-button.d.ts +10 -0
- package/build/components/icon-button/filled-tonal-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/filled-tonal-icon-button.js +1 -0
- package/build/components/icon-button/icon-button.d.ts +19 -0
- package/build/components/icon-button/icon-button.d.ts.map +1 -0
- package/build/components/icon-button/icon-button.js +1 -0
- package/build/components/icon-button/icon-button.style.d.ts +5 -0
- package/build/components/icon-button/icon-button.style.d.ts.map +1 -0
- package/build/components/icon-button/icon-button.style.js +411 -0
- package/build/components/icon-button/outlined-icon-button.d.ts +11 -0
- package/build/components/icon-button/outlined-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/outlined-icon-button.js +1 -0
- package/build/components/icon-button/standard-icon-button.d.ts +10 -0
- package/build/components/icon-button/standard-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/standard-icon-button.js +1 -0
- package/build/components/icon-button/togglable-icon-button.d.ts +39 -0
- package/build/components/icon-button/togglable-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/togglable-icon-button.js +1 -0
- package/build/components/icon-button/toggle-filled-icon-button.d.ts +10 -0
- package/build/components/icon-button/toggle-filled-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/toggle-filled-icon-button.js +1 -0
- package/build/components/icon-button/toggle-filled-tonal-icon-button.d.ts +10 -0
- package/build/components/icon-button/toggle-filled-tonal-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/toggle-filled-tonal-icon-button.js +1 -0
- package/build/components/icon-button/toggle-outlined-icon-button.d.ts +11 -0
- package/build/components/icon-button/toggle-outlined-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/toggle-outlined-icon-button.js +1 -0
- package/build/components/icon-button/toggle-standard-icon-button.d.ts +10 -0
- package/build/components/icon-button/toggle-standard-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/toggle-standard-icon-button.js +1 -0
- package/build/components/progress-indicator/base-progress-indicator.d.ts +28 -0
- package/build/components/progress-indicator/base-progress-indicator.d.ts.map +1 -0
- package/build/components/progress-indicator/base-progress-indicator.js +1 -0
- package/build/components/progress-indicator/linear-progress-indicator.d.ts +29 -0
- package/build/components/progress-indicator/linear-progress-indicator.d.ts.map +1 -0
- package/build/components/progress-indicator/linear-progress-indicator.js +1 -0
- package/build/components/progress-indicator/progress-indicator.style.d.ts +2 -0
- package/build/components/progress-indicator/progress-indicator.style.d.ts.map +1 -0
- package/build/components/progress-indicator/progress-indicator.style.js +271 -0
- package/build/components/radio-button/radio-button-selection-controller.d.ts +81 -0
- package/build/components/radio-button/radio-button-selection-controller.d.ts.map +1 -0
- package/build/components/radio-button/radio-button-selection-controller.js +6 -0
- package/build/components/radio-button/radio-button.d.ts +50 -0
- package/build/components/radio-button/radio-button.d.ts.map +1 -0
- package/build/components/radio-button/radio-button.js +1 -0
- package/build/components/radio-button/radio-button.style.d.ts +2 -0
- package/build/components/radio-button/radio-button.style.d.ts.map +1 -0
- package/build/components/radio-button/radio-button.style.js +143 -0
- package/build/components/ripple/ripple-action.d.ts +52 -0
- package/build/components/ripple/ripple-action.d.ts.map +1 -0
- package/build/components/ripple/ripple-action.js +10 -0
- package/build/components/ripple/ripple.d.ts +32 -0
- package/build/components/ripple/ripple.d.ts.map +1 -0
- package/build/components/ripple/ripple.js +1 -0
- package/build/components/ripple/ripple.style.d.ts +2 -0
- package/build/components/ripple/ripple.style.d.ts.map +1 -0
- package/build/components/ripple/ripple.style.js +6 -0
- package/build/components/switch/switch.d.ts +45 -0
- package/build/components/switch/switch.d.ts.map +1 -0
- package/build/components/switch/switch.js +1 -0
- package/build/components/switch/switch.style.d.ts +2 -0
- package/build/components/switch/switch.style.d.ts.map +1 -0
- package/build/components/switch/switch.style.js +329 -0
- package/build/components/typography/typography.d.ts +44 -0
- package/build/components/typography/typography.d.ts.map +1 -0
- package/build/components/typography/typography.js +1 -0
- package/build/components/typography/typography.styles.d.ts +3 -0
- package/build/components/typography/typography.styles.d.ts.map +1 -0
- package/build/components/typography/typography.styles.js +6 -0
- package/build/custom-element-Dz3n6kSt.js +6 -0
- package/build/definitions.d.ts +15 -0
- package/build/definitions.d.ts.map +1 -0
- package/build/definitions.js +1 -0
- package/build/easing-5hHInU7b.js +1 -0
- package/build/elevation-dUQez_WX.js +1 -0
- package/build/lit-element-Bf8D1KRw.js +22 -0
- package/build/property-CHB_6zYv.js +6 -0
- package/build/query-DifSdHBD.js +11 -0
- package/build/shape-CrZ0CLVJ.js +1 -0
- package/build/state-B54YIR_M.js +6 -0
- package/build/state-C-haZXan.js +1 -0
- package/build/tslib.es6-CmLYFWVC.js +1 -0
- package/build/typescale-Bh1NLwSE.js +1 -0
- package/build/utils/aria/aria.d.ts +71 -0
- package/build/utils/aria/aria.d.ts.map +1 -0
- package/build/utils/aria/aria.js +6 -0
- package/build/utils/aria/delegate.d.ts +55 -0
- package/build/utils/aria/delegate.d.ts.map +1 -0
- package/build/utils/aria/delegate.js +7 -0
- package/build/utils/behaviors/constraint-validation.d.ts +134 -0
- package/build/utils/behaviors/constraint-validation.d.ts.map +1 -0
- package/build/utils/behaviors/constraint-validation.js +6 -0
- package/build/utils/behaviors/element-internals.d.ts +46 -0
- package/build/utils/behaviors/element-internals.d.ts.map +1 -0
- package/build/utils/behaviors/element-internals.js +6 -0
- package/build/utils/behaviors/mixin.d.ts +55 -0
- package/build/utils/behaviors/mixin.d.ts.map +1 -0
- package/build/utils/behaviors/mixin.js +1 -0
- package/build/utils/behaviors/validators/checkbox-validator.d.ts +36 -0
- package/build/utils/behaviors/validators/checkbox-validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/checkbox-validator.js +6 -0
- package/build/utils/behaviors/validators/radio-validator.d.ts +39 -0
- package/build/utils/behaviors/validators/radio-validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/radio-validator.js +6 -0
- package/build/utils/behaviors/validators/select-validator.d.ts +36 -0
- package/build/utils/behaviors/validators/select-validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/select-validator.js +6 -0
- package/build/utils/behaviors/validators/text-field-validator.d.ts +111 -0
- package/build/utils/behaviors/validators/text-field-validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/text-field-validator.js +6 -0
- package/build/utils/behaviors/validators/validator.d.ts +97 -0
- package/build/utils/behaviors/validators/validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/validator.js +6 -0
- package/build/utils/controller/attachable-controller.d.ts +116 -0
- package/build/utils/controller/attachable-controller.d.ts.map +1 -0
- package/build/utils/controller/attachable-controller.js +9 -0
- package/build/utils/controller/form-submitter.d.ts +71 -0
- package/build/utils/controller/form-submitter.d.ts.map +1 -0
- package/build/utils/controller/form-submitter.js +6 -0
- package/build/utils/event/dispatch-hook.d.ts +86 -0
- package/build/utils/event/dispatch-hook.d.ts.map +1 -0
- package/build/utils/event/dispatch-hook.js +6 -0
- package/build/utils/event/form-label-activation.d.ts +56 -0
- package/build/utils/event/form-label-activation.d.ts.map +1 -0
- package/build/utils/event/form-label-activation.js +6 -0
- package/build/utils/event/redispatch-event.d.ts +28 -0
- package/build/utils/event/redispatch-event.d.ts.map +1 -0
- package/build/utils/event/redispatch-event.js +6 -0
- package/build/utils/form/form-associated.d.ts +200 -0
- package/build/utils/form/form-associated.d.ts.map +1 -0
- package/build/utils/form/form-associated.js +1 -0
- package/build/utils/string/to-kebab-case.d.ts +11 -0
- package/build/utils/string/to-kebab-case.d.ts.map +1 -0
- package/build/utils/string/to-kebab-case.js +6 -0
- package/build/utils/tokens/create-logic-shape-tokens.d.ts +14 -0
- package/build/utils/tokens/create-logic-shape-tokens.d.ts.map +1 -0
- package/build/utils/tokens/create-logic-shape-tokens.js +6 -0
- package/build/utils/tokens/create-var.d.ts +14 -0
- package/build/utils/tokens/create-var.d.ts.map +1 -0
- package/build/utils/tokens/create-var.js +6 -0
- package/build/utils/tokens/create-wrapped-tokens.d.ts +24 -0
- package/build/utils/tokens/create-wrapped-tokens.d.ts.map +1 -0
- package/build/utils/tokens/create-wrapped-tokens.js +6 -0
- package/build/utils/tokens/exclude-tokens.d.ts +7 -0
- package/build/utils/tokens/exclude-tokens.d.ts.map +1 -0
- package/build/utils/tokens/exclude-tokens.js +6 -0
- package/build/utils/tokens/index.d.ts +12 -0
- package/build/utils/tokens/index.d.ts.map +1 -0
- package/build/utils/tokens/index.js +1 -0
- package/build/utils/tokens/override-component-tokens.d.ts +34 -0
- package/build/utils/tokens/override-component-tokens.d.ts.map +1 -0
- package/build/utils/tokens/override-component-tokens.js +6 -0
- package/build/utils/tokens/string-tokens.d.ts +14 -0
- package/build/utils/tokens/string-tokens.d.ts.map +1 -0
- package/build/utils/tokens/string-tokens.js +6 -0
- package/build/utils/uuid/generate-uuid.d.ts +19 -0
- package/build/utils/uuid/generate-uuid.d.ts.map +1 -0
- package/build/utils/uuid/generate-uuid.js +6 -0
- package/build/utils.d.ts +3 -0
- package/build/utils.d.ts.map +1 -0
- package/build/utils.js +1 -0
- package/package.json +74 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/icon-button.definition.ts"],"names":[],"mappings":"AA4FA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD/B,CAAA;AAEV,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC/B,CAAA;AAEV,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC7B,CAAA;AAEV,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuClC,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{C as e}from"../color-CigMJnjV.js";import{S as a}from"../shape-CrZ0CLVJ.js";import{S as r}from"../state-C-haZXan.js";import{createLogicShapeTokens as o}from"../utils/tokens/create-logic-shape-tokens.js";import"../lit-element-Bf8D1KRw.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Kai-Orion & Sandlada
|
|
5
|
+
* SPDX-License-Identifier: MIT
|
|
6
|
+
*/const t=e=>o(e,{"extra-small-container-shape-round":a.Full,"extra-small-container-shape-square":a.Medium,"extra-small-shape-pressed-morph":a.Small,"extra-small-selected-container-shape-round":a.Medium,"extra-small-selected-container-shape-square":a.Full,"small-container-shape-round":a.Full,"small-container-shape-square":a.Medium,"small-shape-pressed-morph":a.Small,"small-selected-container-shape-round":a.Medium,"small-selected-container-shape-square":a.Full,"medium-container-shape-round":a.Full,"medium-container-shape-square":a.Large,"medium-shape-pressed-morph":a.Medium,"medium-selected-container-shape-round":a.Large,"medium-selected-container-shape-square":a.Full,"large-container-shape-round":a.Full,"large-container-shape-square":a.ExtraLarge,"large-shape-pressed-morph":a.Large,"large-selected-container-shape-round":a.ExtraLarge,"large-selected-container-shape-square":a.Full,"extra-large-container-shape-round":a.Full,"extra-large-container-shape-square":a.ExtraLarge,"extra-large-shape-pressed-morph":a.Large,"extra-large-selected-container-shape-round":a.ExtraLarge,"extra-large-selected-container-shape-square":a.Full},"all",!1),l={"extra-small-container-height":"32px","extra-small-icon-size":"20px","extra-small-narrow-leading-space":"4px","extra-small-narrow-trailing-space":"4px","extra-small-default-leading-space":"6px","extra-small-default-trailing-space":"6px","extra-small-wide-leading-space":"10px","extra-small-wide-trailing-space":"10px","extra-small-outline-width":"1px","small-container-height":"40px","small-icon-size":"24px","small-narrow-leading-space":"4px","small-narrow-trailing-space":"4px","small-default-leading-space":"8px","small-default-trailing-space":"8px","small-wide-leading-space":"14px","small-wide-trailing-space":"14px","small-outline-width":"1px","medium-container-height":"56px","medium-icon-size":"24px","medium-narrow-leading-space":"12px","medium-narrow-trailing-space":"12px","medium-default-leading-space":"16px","medium-default-trailing-space":"16px","medium-wide-leading-space":"24px","medium-wide-trailing-space":"24px","medium-outline-width":"1px","large-container-height":"96px","large-icon-size":"32px","large-narrow-leading-space":"16px","large-narrow-trailing-space":"16px","large-default-leading-space":"32px","large-default-trailing-space":"32px","large-wide-leading-space":"48px","large-wide-trailing-space":"48px","large-outline-width":"2px","extra-large-container-height":"136px","extra-large-icon-size":"40px","extra-large-narrow-leading-space":"32px","extra-large-narrow-trailing-space":"32px","extra-large-default-leading-space":"48px","extra-large-default-trailing-space":"48px","extra-large-wide-leading-space":"72px","extra-large-wide-trailing-space":"72px","extra-large-outline-width":"3px"},c={...l,...t("--mdc-outlined-icon-button"),"outline-color":e.OutlineVariant,"outline-color-toggle-unselected":e.OutlineVariant,"outline-color-toggle-selected":"transparent","container-color":"transparent","container-color-toggle-unselected":"transparent","container-color-toggle-selected":e.InverseSurface,"icon-color":e.OnSurfaceVariant,"icon-color-toggle-unselected":e.OnSurfaceVariant,"icon-color-toggle-selected":e.InverseOnSurface,"disabled-outline-color":e.OutlineVariant,"disabled-outline-color-toggle-unselected":e.OutlineVariant,"disabled-outline-color-toggle-selected":"transparent","disabled-container-color":"transparent","disabled-container-color-toggle-unselected":"transparent","disabled-container-color-toggle-selected":e.OnSurface,"disabled-container-opacity":"0.1","disabled-container-opacity-toggle-unselected":"0.1","disabled-container-opacity-toggle-selected":"0.1","disabled-icon-color":e.OnSurface,"disabled-icon-opacity":"0.38","hovered-state-layer-color":e.OnSurfaceVariant,"hovered-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"hovered-state-layer-color-toggle-selected":e.InverseOnSurface,"hovered-state-layer-opacity":r.HoveredStateLayerOpacity,"hovered-icon-color":e.OnSurfaceVariant,"hovered-icon-color-toggle-unselected":e.OnSurfaceVariant,"hovered-icon-color-toggle-selected":e.InverseOnSurface,"focused-state-layer-color":e.OnSurfaceVariant,"focused-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"focused-state-layer-color-toggle-selected":e.InverseOnSurface,"focused-state-layer-opacity":r.FocusedStateLayerOpacity,"focused-icon-color":e.OnSurfaceVariant,"focused-icon-color-toggle-unselected":e.OnSurfaceVariant,"focused-icon-color-toggle-selected":e.InverseOnSurface,"pressed-state-layer-color":e.OnSurfaceVariant,"pressed-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"pressed-state-layer-color-toggle-selected":e.InverseOnSurface,"pressed-state-layer-opacity":r.PressedStateLayerOpacity,"pressed-icon-color":e.OnSurfaceVariant,"pressed-icon-color-toggle-unselected":e.OnSurfaceVariant,"pressed-icon-color-toggle-selected":e.InverseOnSurface},n={...l,...t("--mdc-standard-icon-button"),"icon-color":e.OnSurfaceVariant,"icon-color-toggle-unselected":e.OnSurfaceVariant,"icon-color-toggle-selected":e.Primary,"disabled-icon-color":e.OnSurface,"disabled-icon-opacity":"0.38","hovered-state-layer-color":e.OnSurfaceVariant,"hovered-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"hovered-state-layer-color-toggle-selected":e.Primary,"hovered-state-layer-opacity":r.HoveredStateLayerOpacity,"hovered-icon-color":e.OnSurfaceVariant,"hovered-icon-color-toggle-unselected":e.OnSurfaceVariant,"hovered-icon-color-toggle-selected":e.Primary,"focused-state-layer-color":e.OnSurfaceVariant,"focused-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"focused-state-layer-color-toggle-selected":e.Primary,"focused-state-layer-opacity":r.FocusedStateLayerOpacity,"focused-icon-color":e.OnSurfaceVariant,"focused-icon-color-toggle-unselected":e.OnSurfaceVariant,"focused-icon-color-toggle-selected":e.Primary,"pressed-state-layer-color":e.OnSurfaceVariant,"pressed-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"pressed-state-layer-color-toggle-selected":e.Primary,"pressed-state-layer-opacity":r.PressedStateLayerOpacity,"pressed-icon-color":e.OnSurfaceVariant,"pressed-icon-color-toggle-unselected":e.OnSurfaceVariant,"pressed-icon-color-toggle-selected":e.Primary},s={...l,...t("--mdc-filled-icon-button"),"container-color":e.Primary,"container-color-toggle-unselected":e.SurfaceContainer,"container-color-toggle-selected":e.Primary,"icon-color":e.OnPrimary,"icon-color-toggle-unselected":e.OnSurfaceVariant,"icon-color-toggle-selected":e.OnPrimary,"disabled-container-color":e.OnSurface,"disabled-container-opacity":"0.1","disabled-icon-color":e.OnSurface,"disabled-icon-opacity":"0.38","hovered-state-layer-color":e.OnPrimary,"hovered-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"hovered-state-layer-color-toggle-selected":e.OnPrimary,"hovered-state-layer-opacity":r.HoveredStateLayerOpacity,"hovered-icon-color":e.OnPrimary,"hovered-icon-color-toggle-unselected":e.OnSurfaceVariant,"hovered-icon-color-toggle-selected":e.OnPrimary,"focused-state-layer-color":e.OnPrimary,"focused-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"focused-state-layer-color-toggle-selected":e.OnPrimary,"focused-state-layer-opacity":r.FocusedStateLayerOpacity,"focused-icon-color":e.OnPrimary,"focused-icon-color-toggle-unselected":e.OnSurfaceVariant,"focused-icon-color-toggle-selected":e.OnPrimary,"pressed-state-layer-color":e.OnPrimary,"pressed-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"pressed-state-layer-color-toggle-selected":e.OnPrimary,"pressed-state-layer-opacity":r.PressedStateLayerOpacity,"pressed-icon-color":e.OnPrimary,"pressed-icon-color-toggle-unselected":e.OnSurfaceVariant,"pressed-icon-color-toggle-selected":e.OnPrimary},i={...l,...t("--mdc-filled-tonal-icon-button"),"container-color":e.SecondaryContainer,"container-color-toggle-unselected":e.SecondaryContainer,"container-color-toggle-selected":e.Secondary,"icon-color":e.OnSecondaryContainer,"icon-color-toggle-unselected":e.OnSecondaryContainer,"icon-color-toggle-selected":e.OnSecondary,"disabled-container-color":e.OnSurface,"disabled-container-opacity":"0.1","disabled-icon-color":e.OnSurface,"disabled-icon-opacity":"0.38","hovered-state-layer-color":e.OnSecondaryContainer,"hovered-state-layer-color-toggle-unselected":e.OnSecondaryContainer,"hovered-state-layer-color-toggle-selected":e.OnSecondary,"hovered-state-layer-opacity":r.HoveredStateLayerOpacity,"hovered-icon-color":e.OnSecondaryContainer,"hovered-icon-color-toggle-unselected":e.OnSecondaryContainer,"hovered-icon-color-toggle-selected":e.OnSecondary,"focused-state-layer-color":e.OnSecondaryContainer,"focused-state-layer-color-toggle-unselected":e.OnSecondaryContainer,"focused-state-layer-color-toggle-selected":e.OnSecondary,"focused-state-layer-opacity":r.FocusedStateLayerOpacity,"focused-icon-color":e.OnSecondaryContainer,"focused-icon-color-toggle-unselected":e.OnSecondaryContainer,"focused-icon-color-toggle-selected":e.OnSecondary,"pressed-state-layer-color":e.OnSecondaryContainer,"pressed-state-layer-color-toggle-unselected":e.OnSecondaryContainer,"pressed-state-layer-color-toggle-selected":e.OnSecondary,"pressed-state-layer-opacity":r.PressedStateLayerOpacity,"pressed-icon-color":e.OnSecondaryContainer,"pressed-icon-color-toggle-unselected":e.OnSecondaryContainer,"pressed-icon-color-toggle-selected":e.OnSecondary};export{s as FilledIconButtonDefinition,i as FilledTonalIconButtonDefinition,c as OutlinedIconButtonDefinition,n as StandardIconButtonDefinition};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/icon.definition.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,cAAc;;;CAGjB,CAAA"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
export declare const LinearProgressIndicatorDefinition: {
|
|
2
|
+
readonly height: "4px";
|
|
3
|
+
readonly 'with-wave-height': "10px";
|
|
4
|
+
readonly 'active-indicator-thickness': "4px";
|
|
5
|
+
readonly 'track-thickness': "4px";
|
|
6
|
+
readonly 'stop-indicator-size': "4px";
|
|
7
|
+
readonly 'track-active-indicator-space': "4px";
|
|
8
|
+
readonly 'stop-indicator-trailing-space': "0px";
|
|
9
|
+
readonly 'wave-amplitude': "3px";
|
|
10
|
+
readonly 'wave-wavelength': "40px";
|
|
11
|
+
readonly 'indeterminate-wave-wavelength': "20px";
|
|
12
|
+
readonly "active-indicator-shape-start-start": string;
|
|
13
|
+
readonly "active-indicator-shape-start-end": string;
|
|
14
|
+
readonly "active-indicator-shape-end-end": string;
|
|
15
|
+
readonly "active-indicator-shape-end-start": string;
|
|
16
|
+
readonly "track-shape-start-start": string;
|
|
17
|
+
readonly "track-shape-start-end": string;
|
|
18
|
+
readonly "track-shape-end-end": string;
|
|
19
|
+
readonly "track-shape-end-start": string;
|
|
20
|
+
readonly "stop-indicator-shape-start-start": string;
|
|
21
|
+
readonly "stop-indicator-shape-start-end": string;
|
|
22
|
+
readonly "stop-indicator-shape-end-end": string;
|
|
23
|
+
readonly "stop-indicator-shape-end-start": string;
|
|
24
|
+
readonly 'active-indicator-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
25
|
+
readonly 'track-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
|
|
26
|
+
readonly 'stop-indicator-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
27
|
+
};
|
|
28
|
+
export declare const CircularProgressIndicatorDefinition: {
|
|
29
|
+
readonly height: "40px";
|
|
30
|
+
readonly 'size-with-wave': "48px";
|
|
31
|
+
readonly 'active-indicator-thickness': "4px";
|
|
32
|
+
readonly 'track-thickness': "4px";
|
|
33
|
+
readonly 'stop-indicator-size': "4px";
|
|
34
|
+
readonly 'track-active-indicator-amplitude': "1.6px";
|
|
35
|
+
readonly 'active-indicator-wave-wavelength': "20px";
|
|
36
|
+
readonly "active-indicator-shape-start-start": string;
|
|
37
|
+
readonly "active-indicator-shape-start-end": string;
|
|
38
|
+
readonly "active-indicator-shape-end-end": string;
|
|
39
|
+
readonly "active-indicator-shape-end-start": string;
|
|
40
|
+
readonly "track-shape-start-start": string;
|
|
41
|
+
readonly "track-shape-start-end": string;
|
|
42
|
+
readonly "track-shape-end-end": string;
|
|
43
|
+
readonly "track-shape-end-start": string;
|
|
44
|
+
readonly "stop-indicator-shape-start-start": string;
|
|
45
|
+
readonly "stop-indicator-shape-start-end": string;
|
|
46
|
+
readonly "stop-indicator-shape-end-end": string;
|
|
47
|
+
readonly "stop-indicator-shape-end-start": string;
|
|
48
|
+
readonly 'active-indicator-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
49
|
+
readonly 'track-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
|
|
50
|
+
readonly 'stop-indicator-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=progress-indicator.definition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-indicator.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/progress-indicator.definition.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;CAapC,CAAA;AAEV,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;CAUtC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{C as i}from"../color-CigMJnjV.js";import{S as t}from"../shape-CrZ0CLVJ.js";import{createLogicShapeTokens as a}from"../utils/tokens/create-logic-shape-tokens.js";import"../lit-element-Bf8D1KRw.js";const e={"active-indicator-shape":t.Full,"track-shape":t.Full,"stop-indicator-shape":t.Full},r={"active-indicator-color":i.Primary,"track-color":i.SecondaryContainer,"stop-indicator-color":i.Primary},c={...r,...a("--mdc-linear-progress",e,"all",!1),height:"4px","with-wave-height":"10px","active-indicator-thickness":"4px","track-thickness":"4px","stop-indicator-size":"4px","track-active-indicator-space":"4px","stop-indicator-trailing-space":"0px","wave-amplitude":"3px","wave-wavelength":"40px","indeterminate-wave-wavelength":"20px"},o={...r,...a("--mdc-circular-progress",e,"all",!1),height:"40px","size-with-wave":"48px","active-indicator-thickness":"4px","track-thickness":"4px","stop-indicator-size":"4px","track-active-indicator-amplitude":"1.6px","active-indicator-wave-wavelength":"20px"};export{o as CircularProgressIndicatorDefinition,c as LinearProgressIndicatorDefinition};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export declare const RadioButtonDefinition: {
|
|
2
|
+
readonly 'selected-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
3
|
+
readonly 'unselected-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
4
|
+
readonly 'icon-size': "20px";
|
|
5
|
+
readonly 'state-layer-size': "40px";
|
|
6
|
+
readonly 'disabled-selected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
7
|
+
readonly 'disabled-selected-icon-opacity': "0.38";
|
|
8
|
+
readonly 'disabled-unselected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
9
|
+
readonly 'disabled-unselected-icon-opacity': "0.38";
|
|
10
|
+
readonly 'hovered-selected-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
11
|
+
readonly 'hovered-unselected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
12
|
+
readonly 'hovered-selected-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
13
|
+
readonly 'hovered-selected-state-layer-opacity': "0.08";
|
|
14
|
+
readonly 'hovered-unselected-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
15
|
+
readonly 'hovered-unselected-state-layer-opacity': "0.08";
|
|
16
|
+
readonly 'focused-selected-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
17
|
+
readonly 'focused-unselected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
18
|
+
readonly 'focused-selected-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
19
|
+
readonly 'focused-selected-state-layer-opacity': "0.12";
|
|
20
|
+
readonly 'focused-unselected-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
21
|
+
readonly 'focused-unselected-state-layer-opacity': "0.12";
|
|
22
|
+
readonly 'pressed-selected-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
23
|
+
readonly 'pressed-unselected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
24
|
+
readonly 'pressed-selected-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
25
|
+
readonly 'pressed-selected-state-layer-opacity': "0.12";
|
|
26
|
+
readonly 'pressed-unselected-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
27
|
+
readonly 'pressed-unselected-state-layer-opacity': "0.12";
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=radio-button.definition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-button.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/radio-button.definition.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BxB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{C as e}from"../color-CigMJnjV.js";import{S as c}from"../state-C-haZXan.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Kai-Orion & Sandlada
|
|
5
|
+
* SPDX-License-Identifier: MIT
|
|
6
|
+
*/const t={"selected-icon-color":e.Primary,"unselected-icon-color":e.OnSurfaceVariant,"icon-size":"20px","state-layer-size":"40px","disabled-selected-icon-color":e.OnSurface,"disabled-selected-icon-opacity":"0.38","disabled-unselected-icon-color":e.OnSurface,"disabled-unselected-icon-opacity":"0.38","hovered-selected-icon-color":e.Primary,"hovered-unselected-icon-color":e.OnSurface,"hovered-selected-state-layer-color":e.Primary,"hovered-selected-state-layer-opacity":c.HoveredStateLayerOpacity,"hovered-unselected-state-layer-color":e.OnSurface,"hovered-unselected-state-layer-opacity":c.HoveredStateLayerOpacity,"focused-selected-icon-color":e.Primary,"focused-unselected-icon-color":e.OnSurface,"focused-selected-state-layer-color":e.Primary,"focused-selected-state-layer-opacity":c.FocusedStateLayerOpacity,"focused-unselected-state-layer-color":e.OnSurface,"focused-unselected-state-layer-opacity":c.FocusedStateLayerOpacity,"pressed-selected-icon-color":e.Primary,"pressed-unselected-icon-color":e.OnSurface,"pressed-selected-state-layer-color":e.OnSurface,"pressed-selected-state-layer-opacity":c.PressedStateLayerOpacity,"pressed-unselected-state-layer-color":e.Primary,"pressed-unselected-state-layer-opacity":c.PressedStateLayerOpacity};export{t as RadioButtonDefinition};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const RippleDefinition: {
|
|
2
|
+
readonly 'hovered-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
3
|
+
readonly 'hovered-opacity': "0.08";
|
|
4
|
+
readonly 'pressed-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
5
|
+
readonly 'pressed-opacity': "0.12";
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=ripple.definition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ripple.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/ripple.definition.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{C as e}from"../color-CigMJnjV.js";import{S as r}from"../state-C-haZXan.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Kai-Orion & Sandlada
|
|
5
|
+
* SPDX-License-Identifier: MIT
|
|
6
|
+
*/const o={"hovered-color":e.OnSurface,"hovered-opacity":r.HoveredStateLayerOpacity,"pressed-color":e.OnSurface,"pressed-opacity":r.PressedStateLayerOpacity};export{o as RippleDefinition};
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
export declare const SwitchDefinition: {
|
|
2
|
+
readonly 'icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
|
|
3
|
+
readonly 'icon-size-selected': "16px";
|
|
4
|
+
readonly 'icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
5
|
+
readonly 'icon-size-unselected': "16px";
|
|
6
|
+
readonly 'track-height': "32px";
|
|
7
|
+
readonly 'track-width': "52px";
|
|
8
|
+
readonly 'track-outline-color': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
9
|
+
readonly 'track-outline-width': "2px";
|
|
10
|
+
readonly 'track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
11
|
+
readonly 'track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
12
|
+
readonly 'handle-height-selected': "24px";
|
|
13
|
+
readonly 'handle-height-unselected': "16px";
|
|
14
|
+
readonly 'with-icon-handle-height': "24px";
|
|
15
|
+
readonly 'handle-width-selected': "24px";
|
|
16
|
+
readonly 'handle-width-unselected': "16px";
|
|
17
|
+
readonly 'with-icon-handle-width': "24px";
|
|
18
|
+
readonly 'handle-color-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
|
|
19
|
+
readonly 'handle-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
20
|
+
readonly 'state-layer-size': "40px";
|
|
21
|
+
readonly 'disabled-icon-color-selected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
22
|
+
readonly 'disabled-icon-opacity-selected': "0.38";
|
|
23
|
+
readonly 'disabled-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
24
|
+
readonly 'disabled-icon-opacity-unselected': "0.38";
|
|
25
|
+
readonly 'disabled-track-opacity': "0.12";
|
|
26
|
+
readonly 'disabled-track-color-selected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
27
|
+
readonly 'disabled-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
28
|
+
readonly 'disabled-track-outline-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
29
|
+
readonly 'disabled-handle-opacity-unselected': "0.38";
|
|
30
|
+
readonly 'disabled-handle-opacity-selected': "1";
|
|
31
|
+
readonly 'disabled-handle-color-selected': "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))";
|
|
32
|
+
readonly 'disabled-handle-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
33
|
+
readonly 'hovered-icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
|
|
34
|
+
readonly 'hovered-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
35
|
+
readonly 'hovered-track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
36
|
+
readonly 'hovered-state-layer-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
37
|
+
readonly 'hovered-state-layer-opacity-selected': "0.08";
|
|
38
|
+
readonly 'hovered-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
39
|
+
readonly 'hovered-track-outline-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
40
|
+
readonly 'hovered-state-layer-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
41
|
+
readonly 'hovered-state-layer-opacity-unselected': "0.08";
|
|
42
|
+
readonly 'hovered-handle-color-selected': "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
|
|
43
|
+
readonly 'hovered-handle-color-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
44
|
+
readonly 'focused-indicator-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
|
|
45
|
+
readonly 'focused-indicator-thickness': "3px";
|
|
46
|
+
readonly 'focused-indicator-offset': "2px";
|
|
47
|
+
readonly 'focused-icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
|
|
48
|
+
readonly 'focused-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
49
|
+
readonly 'focused-track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
50
|
+
readonly 'focused-state-layer-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
51
|
+
readonly 'focused-state-layer-opacity-selected': "0.12";
|
|
52
|
+
readonly 'focused-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
53
|
+
readonly 'focused-track-outline-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
54
|
+
readonly 'focused-state-layer-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
55
|
+
readonly 'focused-state-layer-opacity-unselected': "0.12";
|
|
56
|
+
readonly 'focused-handle-color-selected': "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
|
|
57
|
+
readonly 'focused-handle-color-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
58
|
+
readonly 'pressed-icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
|
|
59
|
+
readonly 'pressed-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
60
|
+
readonly 'pressed-track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
61
|
+
readonly 'pressed-state-layer-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
62
|
+
readonly 'pressed-state-layer-opacity-selected': "0.12";
|
|
63
|
+
readonly 'pressed-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
64
|
+
readonly 'pressed-track-outline-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
65
|
+
readonly 'pressed-state-layer-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
66
|
+
readonly 'pressed-state-layer-opacity-unselected': "0.12";
|
|
67
|
+
readonly 'pressed-handle-color-selected': "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
|
|
68
|
+
readonly 'pressed-handle-color-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
69
|
+
readonly 'pressed-handle-height': "28px";
|
|
70
|
+
readonly 'pressed-handle-width': "28px";
|
|
71
|
+
readonly "track-shape-start-start": string;
|
|
72
|
+
readonly "track-shape-start-end": string;
|
|
73
|
+
readonly "track-shape-end-end": string;
|
|
74
|
+
readonly "track-shape-end-start": string;
|
|
75
|
+
readonly "handle-shape-start-start": string;
|
|
76
|
+
readonly "handle-shape-start-end": string;
|
|
77
|
+
readonly "handle-shape-end-end": string;
|
|
78
|
+
readonly "handle-shape-end-start": string;
|
|
79
|
+
readonly "state-layer-shape-start-start": string;
|
|
80
|
+
readonly "state-layer-shape-start-end": string;
|
|
81
|
+
readonly "state-layer-shape-end-end": string;
|
|
82
|
+
readonly "state-layer-shape-end-start": string;
|
|
83
|
+
};
|
|
84
|
+
//# sourceMappingURL=switch.definition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/switch.definition.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFnB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{C as e}from"../color-CigMJnjV.js";import{S as t}from"../shape-CrZ0CLVJ.js";import{S as c}from"../state-C-haZXan.js";import{createLogicShapeTokens as r}from"../utils/tokens/create-logic-shape-tokens.js";import"../lit-element-Bf8D1KRw.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Kai-Orion & Sandlada
|
|
5
|
+
* SPDX-License-Identifier: MIT
|
|
6
|
+
*/const o={...r("--mdc-switch",{"track-shape":t.Full,"handle-shape":t.Full,"state-layer-shape":t.Full},"all",!1),"icon-color-selected":e.OnPrimaryContainer,"icon-size-selected":"16px","icon-color-unselected":e.SurfaceContainerHighest,"icon-size-unselected":"16px","track-height":"32px","track-width":"52px","track-outline-color":e.Outline,"track-outline-width":"2px","track-color-selected":e.Primary,"track-color-unselected":e.SurfaceContainerHighest,"handle-height-selected":"24px","handle-height-unselected":"16px","with-icon-handle-height":"24px","handle-width-selected":"24px","handle-width-unselected":"16px","with-icon-handle-width":"24px","handle-color-selected":e.OnPrimary,"handle-color-unselected":e.Outline,"state-layer-size":"40px","disabled-icon-color-selected":e.OnSurface,"disabled-icon-opacity-selected":"0.38","disabled-icon-color-unselected":e.SurfaceContainerHighest,"disabled-icon-opacity-unselected":"0.38","disabled-track-opacity":"0.12","disabled-track-color-selected":e.OnSurface,"disabled-track-color-unselected":e.SurfaceContainerHighest,"disabled-track-outline-color-unselected":e.OnSurface,"disabled-handle-opacity-unselected":"0.38","disabled-handle-opacity-selected":"1","disabled-handle-color-selected":e.Surface,"disabled-handle-color-unselected":e.OnSurface,"hovered-icon-color-selected":e.OnPrimaryContainer,"hovered-icon-color-unselected":e.SurfaceContainerHighest,"hovered-track-color-selected":e.Primary,"hovered-state-layer-color-selected":e.Primary,"hovered-state-layer-opacity-selected":c.HoveredStateLayerOpacity,"hovered-track-color-unselected":e.SurfaceContainerHighest,"hovered-track-outline-color-unselected":e.Outline,"hovered-state-layer-color-unselected":e.OnSurface,"hovered-state-layer-opacity-unselected":c.HoveredStateLayerOpacity,"hovered-handle-color-selected":e.PrimaryContainer,"hovered-handle-color-unselected":e.OnSurfaceVariant,"focused-indicator-color":e.Secondary,"focused-indicator-thickness":c.FocusIndicator.Thickness,"focused-indicator-offset":c.FocusIndicator.OuterOffset,"focused-icon-color-selected":e.OnPrimaryContainer,"focused-icon-color-unselected":e.SurfaceContainerHighest,"focused-track-color-selected":e.Primary,"focused-state-layer-color-selected":e.Primary,"focused-state-layer-opacity-selected":c.FocusedStateLayerOpacity,"focused-track-color-unselected":e.SurfaceContainerHighest,"focused-track-outline-color-unselected":e.Outline,"focused-state-layer-color-unselected":e.OnSurface,"focused-state-layer-opacity-unselected":c.FocusedStateLayerOpacity,"focused-handle-color-selected":e.PrimaryContainer,"focused-handle-color-unselected":e.OnSurfaceVariant,"pressed-icon-color-selected":e.OnPrimaryContainer,"pressed-icon-color-unselected":e.SurfaceContainerHighest,"pressed-track-color-selected":e.Primary,"pressed-state-layer-color-selected":e.Primary,"pressed-state-layer-opacity-selected":c.PressedStateLayerOpacity,"pressed-track-color-unselected":e.SurfaceContainerHighest,"pressed-track-outline-color-unselected":e.Outline,"pressed-state-layer-color-unselected":e.OnSurface,"pressed-state-layer-opacity-unselected":c.PressedStateLayerOpacity,"pressed-handle-color-selected":e.PrimaryContainer,"pressed-handle-color-unselected":e.OnSurfaceVariant,"pressed-handle-height":"28px","pressed-handle-width":"28px"};export{o as SwitchDefinition};
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2025 Kai-Orion & Sandlada
|
|
4
|
+
* SPDX-License-Identifier: MIT
|
|
5
|
+
*/
|
|
6
|
+
import { LitElement } from 'lit';
|
|
7
|
+
import "../elevation/elevation";
|
|
8
|
+
import "../focus-ring/focus-ring";
|
|
9
|
+
import "../ripple/ripple";
|
|
10
|
+
/**
|
|
11
|
+
* Supports inserting icon and label buttons.
|
|
12
|
+
*
|
|
13
|
+
* There are two implementations:
|
|
14
|
+
* - non-toggle button
|
|
15
|
+
* - toggle button
|
|
16
|
+
*
|
|
17
|
+
* ```html
|
|
18
|
+
* <mdc-filled-button></mdc-filled-button>
|
|
19
|
+
* <mdc-toggle-filled-button></mdc-toggle-filled-button>
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* Each button is available in 5 sizes:
|
|
23
|
+
* - extra-small
|
|
24
|
+
* - small (default)
|
|
25
|
+
* - medium
|
|
26
|
+
* - large
|
|
27
|
+
* - extra-large
|
|
28
|
+
*
|
|
29
|
+
* ```html
|
|
30
|
+
* <mdc-filled-button size="medium"></mdc-filled-button>
|
|
31
|
+
* <mdc-toggle-filled-button size="medium"></mdc-toggle-filled-button>
|
|
32
|
+
* ```
|
|
33
|
+
*
|
|
34
|
+
* Each button is available in 2 shapes:
|
|
35
|
+
* - round (default)
|
|
36
|
+
* - square
|
|
37
|
+
*
|
|
38
|
+
* ```html
|
|
39
|
+
* <mdc-filled-button shape="round"></mdc-filled-button>
|
|
40
|
+
* <mdc-toggle-filled-button shape="square"></mdc-toggle-filled-button>
|
|
41
|
+
* ```
|
|
42
|
+
*
|
|
43
|
+
* @see
|
|
44
|
+
* When passing in a tag, make sure your tag is an HTMLElement and not a text node:
|
|
45
|
+
*
|
|
46
|
+
* ```html
|
|
47
|
+
* <mdc-filled-tonal-button>
|
|
48
|
+
* <span>Delete</span>
|
|
49
|
+
* </mdc-filled-tonal-button>
|
|
50
|
+
* ```
|
|
51
|
+
*
|
|
52
|
+
* @version
|
|
53
|
+
* Material Design 3 - Expressive
|
|
54
|
+
*
|
|
55
|
+
* @link
|
|
56
|
+
* https://m3.material.io/components/buttons/overview
|
|
57
|
+
*/
|
|
58
|
+
export declare abstract class BaseButton extends LitElement {
|
|
59
|
+
protected readonly assignedIcons: Array<HTMLElement>;
|
|
60
|
+
protected readonly assignedDefault: Array<HTMLElement>;
|
|
61
|
+
trailingIcon: boolean;
|
|
62
|
+
size: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
|
|
63
|
+
shape: 'round' | 'square';
|
|
64
|
+
protected hasIcon: boolean;
|
|
65
|
+
protected hasLabel: boolean;
|
|
66
|
+
protected renderOutline?(): unknown;
|
|
67
|
+
protected renderElevation?(): unknown;
|
|
68
|
+
protected renderButton?(): unknown;
|
|
69
|
+
protected renderContent(): import("lit-html").TemplateResult<1>;
|
|
70
|
+
protected renderIcon(): import("lit-html").TemplateResult<1>;
|
|
71
|
+
protected handleIconSlotChange(): void;
|
|
72
|
+
protected handleDefaultSlotChange(): void;
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=base-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/base-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAA;AAE/C,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AACjC,OAAO,kBAAkB,CAAA;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,8BAAsB,UAAW,SAAQ,UAAU;IAG/C,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAG,KAAK,CAAC,WAAW,CAAC,CAAA;IAGrD,SAAS,CAAC,QAAQ,CAAC,eAAe,EAAG,KAAK,CAAC,WAAW,CAAC,CAAA;IAGhD,YAAY,UAAQ;IAGpB,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAU;IAG5E,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAU;IAG1C,SAAS,CAAC,OAAO,EAAE,OAAO,CAAQ;IAGlC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAQ;IAEnC,SAAS,CAAC,aAAa,CAAC,IAAI,OAAO;IACnC,SAAS,CAAC,eAAe,CAAC,IAAI,OAAO;IACrC,SAAS,CAAC,YAAY,CAAC,IAAI,OAAO;IAElC,SAAS,CAAC,aAAa;IAavB,SAAS,CAAC,UAAU;IAMpB,SAAS,CAAC,oBAAoB;IAI9B,SAAS,CAAC,uBAAuB;CAIpC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{a as e,E as o,x as s}from"../../lit-element-Bf8D1KRw.js";import{n as i}from"../../property-CHB_6zYv.js";import{r as n}from"../../state-B54YIR_M.js";import{a as r}from"../../query-DifSdHBD.js";import"../elevation/elevation.js";import"../focus-ring/focus-ring.js";import"../ripple/ripple.js";import"../../custom-element-Dz3n6kSt.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2021 Google LLC
|
|
5
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
+
*/function l(t){return(e,o)=>{const{slot:s,selector:i}=t??{},n="slot"+(s?`[name=${s}]`:":not([name])");return r(e,o,{get(){const e=this.renderRoot?.querySelector(n),o=e?.assignedElements(t)??[];return void 0===i?o:o.filter(t=>t.matches(i))}})}}class a extends e{constructor(){super(...arguments),this.trailingIcon=!1,this.size="small",this.shape="round",this.hasIcon=!1,this.hasLabel=!1}renderContent(){return s`<span class="touch"></span> ${this.trailingIcon?o:this.renderIcon()} <span class="label"><slot @slotchange="${this.handleDefaultSlotChange}"></slot></span>${this.trailingIcon?this.renderIcon():o}`}renderIcon(){return s`<slot name="icon" @slotchange="${this.handleIconSlotChange}"></slot>`}handleIconSlotChange(){this.hasIcon=this.assignedIcons.length>0}handleDefaultSlotChange(){this.hasLabel=this.assignedDefault.length>0}}t([l({slot:"icon",flatten:!0})],a.prototype,"assignedIcons",void 0),t([l({slot:"",flatten:!0})],a.prototype,"assignedDefault",void 0),t([i({type:Boolean,attribute:"trailing-icon"})],a.prototype,"trailingIcon",void 0),t([i({type:String,reflect:!0})],a.prototype,"size",void 0),t([i({type:String,reflect:!0})],a.prototype,"shape",void 0),t([n()],a.prototype,"hasIcon",void 0),t([n()],a.prototype,"hasLabel",void 0);export{a as BaseButton};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { type FormSubmitter, type FormSubmitterType } from '../../utils/controller/form-submitter';
|
|
2
|
+
import { BaseButton } from './base-button';
|
|
3
|
+
declare const Button_base: import("../../utils/behaviors/mixin").MixinReturn<import("../../utils/behaviors/mixin").MixinReturn<typeof BaseButton, import("../../utils/behaviors/element-internals").WithElementInternals>>;
|
|
4
|
+
/**
|
|
5
|
+
* The buttons are available in 5 variations:
|
|
6
|
+
* - mdc-elevated-button
|
|
7
|
+
* - mdc-filled-button
|
|
8
|
+
* - mdc-filled-tonal-button
|
|
9
|
+
* - mdc-outlined-button
|
|
10
|
+
* - mdc-text-button
|
|
11
|
+
*
|
|
12
|
+
* The normal Button class does not implement the function of the anchor element.
|
|
13
|
+
* Because you only need to wrap the Button component with <a></a>.
|
|
14
|
+
*
|
|
15
|
+
* @see
|
|
16
|
+
* Note:
|
|
17
|
+
* Please set the tabindex of the a element that wraps the button component to -1.
|
|
18
|
+
* ```html
|
|
19
|
+
* <a tabindex="-1" href="#a">
|
|
20
|
+
* <mdc-elevated-button shape="square">
|
|
21
|
+
* <span>Link Button</span>
|
|
22
|
+
* </mdc-elevated-button>
|
|
23
|
+
* </a>
|
|
24
|
+
* ```
|
|
25
|
+
*
|
|
26
|
+
* @version
|
|
27
|
+
* Material Design 3 - Expressive
|
|
28
|
+
*
|
|
29
|
+
* @link
|
|
30
|
+
* https://m3.material.io/components/buttons/overview
|
|
31
|
+
*/
|
|
32
|
+
export declare abstract class Button extends Button_base implements FormSubmitter {
|
|
33
|
+
static readonly formAssociated = true;
|
|
34
|
+
get name(): string;
|
|
35
|
+
set name(name: string);
|
|
36
|
+
get form(): HTMLFormElement | null;
|
|
37
|
+
disabled: boolean;
|
|
38
|
+
type: FormSubmitterType;
|
|
39
|
+
value: string;
|
|
40
|
+
protected readonly buttonElement: HTMLElement | null;
|
|
41
|
+
focus(): void;
|
|
42
|
+
blur(): void;
|
|
43
|
+
constructor();
|
|
44
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
45
|
+
protected renderButton(): import("lit-html").TemplateResult<1>;
|
|
46
|
+
protected handleClick(e: MouseEvent): void;
|
|
47
|
+
}
|
|
48
|
+
export {};
|
|
49
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAUA,OAAO,EAAsB,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAEtH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,8BAAsB,MAAO,SAAQ,WAAsD,YAAW,aAAa;IAE/G,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAO;IAKrC,IAAW,IAAI,IAGO,MAAM,CAD3B;IACD,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IAED,IAAW,IAAI,2BAEd;IAGM,QAAQ,UAAQ;IAGhB,IAAI,EAAE,iBAAiB,CAAW;IAGlC,KAAK,EAAE,MAAM,CAAK;IAGzB,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAG,WAAW,GAAG,IAAI,CAAA;IAErC,KAAK;IAIL,IAAI;;cAYD,MAAM;cAqBN,YAAY;IAgB/B,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;CAatC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i,E as e}from"../../lit-element-Bf8D1KRw.js";import{n as s}from"../../property-CHB_6zYv.js";import{e as o}from"../../query-DifSdHBD.js";import{e as r}from"../../class-map-DQX-4Y_I.js";import{mixinDelegatesAria as n}from"../../utils/aria/delegate.js";import{mixinElementInternals as a,internals as p}from"../../utils/behaviors/element-internals.js";import{setupFormSubmitter as l}from"../../utils/controller/form-submitter.js";import{isActivationClick as m,dispatchActivationClick as d}from"../../utils/event/form-label-activation.js";import{BaseButton as u}from"./base-button.js";import"../../utils/aria/aria.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../../custom-element-Dz3n6kSt.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";class c extends(n(a(u))){static{this.formAssociated=!0}static{l(c)}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get form(){return this[p].form}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}constructor(){super(),this.disabled=!1,this.type="submit",this.value="",this.addEventListener("click",this.handleClick.bind(this))}render(){const t=r({"has-icon":this.hasIcon,"has-label":this.hasLabel,"trailing-icon":this.trailingIcon,disabled:this.disabled,[this.size]:!0,[this.shape]:!0});return i`<div class="surface ${t}">${this.renderButton()} ${this.renderOutline?.()} ${this.renderElevation?.()} <span class="background"></span><mdc-ripple for="button" part="ripple" ?disabled="${this.disabled}"></mdc-ripple><mdc-focus-ring for="button" part="focus-ring"></mdc-focus-ring></div>`}renderButton(){return i`<button class="button" id="button" ?disabled="${this.disabled}" aria-disabled="${this.disabled}" aria-label="${this.ariaLabel||e}" aria-haspopup="${this.ariaHasPopup||e}" aria-expanded="${this.ariaExpanded||e}">${this.renderContent()}</button>`}handleClick(t){if(this.disabled)return t.stopImmediatePropagation(),void t.preventDefault();m(t)&&this.buttonElement&&(this.focus(),d(this.buttonElement))}}t([s({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([s({type:String})],c.prototype,"type",void 0),t([s({type:String,reflect:!0})],c.prototype,"value",void 0),t([o(".button")],c.prototype,"buttonElement",void 0);export{c as Button};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const elevatedButtonStyles: import("lit").CSSResult[];
|
|
2
|
+
export declare const filledButtonStyles: import("lit").CSSResult[];
|
|
3
|
+
export declare const filledTonalButtonStyles: import("lit").CSSResult[];
|
|
4
|
+
export declare const outlinedButtonStyles: import("lit").CSSResult[];
|
|
5
|
+
export declare const textButtonStyles: import("lit").CSSResult[];
|
|
6
|
+
//# sourceMappingURL=button.style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.style.ts"],"names":[],"mappings":"AAuhBA,eAAO,MAAM,oBAAoB,2BAc/B,CAAA;AACF,eAAO,MAAM,kBAAkB,2BAc7B,CAAA;AACF,eAAO,MAAM,uBAAuB,2BAclC,CAAA;AACF,eAAO,MAAM,oBAAoB,2BAwG/B,CAAA;AACF,eAAO,MAAM,gBAAgB,2BAa3B,CAAA"}
|