@cds/core 6.0.0-next.2 → 6.0.0-next.6
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/accordion/accordion-content.element.scss.js +1 -1
- package/accordion/accordion-header.element.js +1 -1
- package/accordion/accordion-header.element.js.map +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- package/accordion/accordion-panel.element.d.ts +3 -3
- package/accordion/accordion-panel.element.js +1 -1
- package/accordion/accordion-panel.element.js.map +1 -1
- package/accordion/accordion-panel.element.scss.js +1 -1
- package/accordion/accordion.element.scss.js +1 -1
- package/accordion/index.js +1 -1
- package/alert/alert-actions.element.d.ts +2 -2
- package/alert/alert-actions.element.js +1 -1
- package/alert/alert-actions.element.js.map +1 -1
- package/alert/alert-actions.element.scss.js +1 -1
- package/alert/alert-group.element.d.ts +3 -3
- package/alert/alert-group.element.js +1 -1
- package/alert/alert-group.element.js.map +1 -1
- package/alert/alert-group.element.scss.js +1 -1
- package/alert/alert.element.d.ts +4 -3
- package/alert/alert.element.js +1 -1
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.element.js +1 -1
- package/badge/badge.element.js.map +1 -1
- package/badge/badge.element.scss.js +1 -1
- package/breadcrumb/breadcrumb.element.d.ts +1 -1
- package/breadcrumb/breadcrumb.element.js +1 -1
- package/breadcrumb/breadcrumb.element.js.map +1 -1
- package/breadcrumb/breadcrumb.element.scss.js +1 -1
- package/button/button.element.d.ts +5 -3
- package/button/button.element.js +1 -1
- package/button/button.element.js.map +1 -1
- package/button/button.element.scss.js +1 -1
- package/button/icon-button.element.d.ts +0 -8
- package/button/icon-button.element.js +1 -1
- package/button/icon-button.element.js.map +1 -1
- package/button-action/button-action.element.d.ts +2 -1
- package/button-action/button-action.element.js +1 -1
- package/button-action/button-action.element.js.map +1 -1
- package/button-action/button-action.element.scss.js +1 -1
- package/button-expand/button-expand.element.d.ts +1 -1
- package/button-expand/button-expand.element.js +1 -1
- package/button-expand/button-expand.element.js.map +1 -1
- package/button-expand/button-expand.element.scss.js +1 -1
- package/button-handle/button-handle.element.scss.js +1 -1
- package/button-handle/index.js +1 -1
- package/button-inline/button-inline.element.scss.js +1 -1
- package/button-sort/button-sort.element.js +1 -1
- package/button-sort/button-sort.element.js.map +1 -1
- package/button-sort/button-sort.element.scss.js +1 -1
- package/card/card.element.d.ts +2 -2
- package/card/card.element.js +1 -1
- package/card/card.element.js.map +1 -1
- package/card/card.element.scss.js +1 -1
- package/checkbox/checkbox.element.scss.js +1 -1
- package/checkbox/index.js +1 -1
- package/custom-elements.json +34940 -38299
- package/datalist/datalist.element.js +1 -1
- package/datalist/datalist.element.js.map +1 -1
- package/datalist/datalist.global.scss.js +1 -1
- package/date/date.element.js +1 -1
- package/date/date.element.js.map +1 -1
- package/date/date.global.scss.js +1 -1
- package/divider/divider.element.js +1 -1
- package/divider/divider.element.js.map +1 -1
- package/divider/divider.element.scss.js +1 -1
- package/dropdown/dropdown.element.d.ts +1 -0
- package/dropdown/dropdown.element.js.map +1 -1
- package/dropdown/index.js +1 -1
- package/file/file.element.d.ts +2 -1
- package/file/file.element.js +1 -1
- package/file/file.element.js.map +1 -1
- package/file/file.element.scss.js +1 -1
- package/forms/control/control.element.d.ts +3 -3
- package/forms/control/control.element.js +2 -2
- package/forms/control/control.element.js.map +1 -1
- package/forms/control/control.element.scss.js +1 -1
- package/forms/control-action/control-action.element.d.ts +1 -1
- package/forms/control-action/control-action.element.js +1 -1
- package/forms/control-action/control-action.element.js.map +1 -1
- package/forms/control-group/control-group.element.d.ts +3 -3
- package/forms/control-group/control-group.element.js +1 -1
- package/forms/control-group/control-group.element.js.map +1 -1
- package/forms/control-group/control-group.element.scss.js +1 -1
- package/forms/control-inline/control-inline.element.d.ts +3 -2
- package/forms/control-inline/control-inline.element.js +1 -1
- package/forms/control-inline/control-inline.element.js.map +1 -1
- package/forms/control-inline/control-inline.element.scss.js +1 -1
- package/forms/control-label/control-label.element.js +1 -1
- package/forms/control-label/control-label.element.js.map +1 -1
- package/forms/control-label/control-label.element.scss.js +1 -1
- package/forms/control-message/control-message.element.js +1 -1
- package/forms/control-message/control-message.element.js.map +1 -1
- package/forms/control-message/control-message.element.scss.js +1 -1
- package/forms/form-group/form-group.element.d.ts +3 -3
- package/forms/form-group/form-group.element.js +1 -1
- package/forms/form-group/form-group.element.js.map +1 -1
- package/forms/form-group/form-group.element.scss.js +1 -1
- package/forms/utils/utils.js +1 -1
- package/forms/utils/utils.js.map +1 -1
- package/forms/utils/validate.js +1 -1
- package/forms/utils/validate.js.map +1 -1
- package/icon/collections/essential.d.ts +2 -0
- package/icon/collections/essential.js +1 -1
- package/icon/collections/essential.js.map +1 -1
- package/icon/icon.element.d.ts +3 -3
- package/icon/icon.element.js +1 -1
- package/icon/icon.element.js.map +1 -1
- package/icon/icon.element.scss.js +1 -1
- package/icon/index.js +1 -1
- package/icon/shapes/host.js +1 -1
- package/icon/shapes/host.js.map +1 -1
- package/icon/shapes/launchpad.d.ts +3 -0
- package/icon/shapes/launchpad.js +2 -0
- package/icon/shapes/launchpad.js.map +1 -0
- package/icon/utils/icon.svg-helpers.js +1 -1
- package/icon/utils/icon.svg-helpers.js.map +1 -1
- package/index.js +1 -1
- package/input/index.js +1 -1
- package/input/index.js.map +1 -1
- package/input/input-group.element.d.ts +2 -1
- package/input/input-group.element.js +1 -1
- package/input/input-group.element.js.map +1 -1
- package/input/input-group.element.scss.js +1 -1
- package/input/input.element.scss.js +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/base/button.base.js +1 -1
- package/internal/base/button.base.js.map +1 -1
- package/internal/base/focus-trap.base.d.ts +0 -6
- package/internal/base/focus-trap.base.js +1 -1
- package/internal/base/focus-trap.base.js.map +1 -1
- package/internal/controllers/active.controller.js +1 -1
- package/internal/controllers/active.controller.js.map +1 -1
- package/internal/controllers/button-anchor.controller.js +1 -1
- package/internal/controllers/button-anchor.controller.js.map +1 -1
- package/internal/controllers/button-submit.controller.js +1 -1
- package/internal/controllers/button-submit.controller.js.map +1 -1
- package/internal/controllers/closable.controller.js +1 -1
- package/internal/controllers/closable.controller.js.map +1 -1
- package/internal/decorators/animate.js +1 -1
- package/internal/decorators/animate.js.map +1 -1
- package/internal/decorators/i18n.js +1 -1
- package/internal/decorators/i18n.js.map +1 -1
- package/internal/decorators/property.js +1 -1
- package/internal/decorators/property.js.map +1 -1
- package/internal/decorators/query-slot.js +1 -1
- package/internal/decorators/query-slot.js.map +1 -1
- package/internal/index.d.ts +0 -1
- package/internal/index.js +1 -1
- package/internal/index.js.map +1 -1
- package/internal/motion/interfaces.d.ts +1 -1
- package/internal/motion/utils.d.ts +4 -3
- package/internal/motion/utils.js +1 -1
- package/internal/motion/utils.js.map +1 -1
- package/internal/positioning/utils.js +1 -1
- package/internal/positioning/utils.js.map +1 -1
- package/internal/services/focus-trap-tracker.service.js +1 -1
- package/internal/services/focus-trap-tracker.service.js.map +1 -1
- package/internal/utils/__.js +1 -1
- package/internal/utils/__.js.map +1 -1
- package/internal/utils/dom.js +1 -1
- package/internal/utils/dom.js.map +1 -1
- package/internal/utils/environment.d.ts +2 -0
- package/internal/utils/environment.js +2 -0
- package/internal/utils/environment.js.map +1 -0
- package/internal/utils/events.js +1 -1
- package/internal/utils/events.js.map +1 -1
- package/internal/utils/exists.d.ts +0 -1
- package/internal/utils/exists.js +1 -1
- package/internal/utils/exists.js.map +1 -1
- package/internal/utils/framework.js +1 -1
- package/internal/utils/framework.js.map +1 -1
- package/internal/utils/global.js +1 -1
- package/internal/utils/global.js.map +1 -1
- package/internal/utils/lit.d.ts +1 -1
- package/internal/utils/metadata.js +1 -1
- package/internal/utils/metadata.js.map +1 -1
- package/internal/utils/registration.js +1 -1
- package/internal/utils/registration.js.map +1 -1
- package/internal-components/close-button/close-button.element.js +1 -1
- package/internal-components/close-button/close-button.element.js.map +1 -1
- package/internal-components/overlay/overlay.element.d.ts +5 -4
- package/internal-components/overlay/overlay.element.js +1 -1
- package/internal-components/overlay/overlay.element.js.map +1 -1
- package/internal-components/overlay/overlay.element.scss.js +1 -1
- package/internal-components/overlay/shared.element.scss.js +1 -1
- package/internal-components/panel/index.js +1 -1
- package/internal-components/panel/panel.element.scss.js +1 -1
- package/internal-components/popup/pointer.element.d.ts +2 -2
- package/internal-components/popup/pointer.element.js +1 -1
- package/internal-components/popup/pointer.element.js.map +1 -1
- package/internal-components/popup/pointer.element.scss.js +1 -1
- package/internal-components/popup/popup.element.d.ts +3 -2
- package/internal-components/popup/popup.element.js +1 -1
- package/internal-components/popup/popup.element.js.map +1 -1
- package/internal-components/popup/popup.element.scss.js +1 -1
- package/internal-components/visual-checkbox/visual-checkbox.element.js +1 -1
- package/internal-components/visual-checkbox/visual-checkbox.element.js.map +1 -1
- package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
- package/modal/index.js +1 -1
- package/modal/modal.element.d.ts +4 -2
- package/modal/modal.element.js +1 -1
- package/modal/modal.element.js.map +1 -1
- package/modal/modal.element.scss.js +1 -1
- package/navigation/navigation-group.element.d.ts +1 -1
- package/navigation/navigation-group.element.js +1 -1
- package/navigation/navigation-group.element.js.map +1 -1
- package/navigation/navigation-group.element.scss.js +1 -1
- package/navigation/navigation-item.element.d.ts +2 -3
- package/navigation/navigation-item.element.js +1 -1
- package/navigation/navigation-item.element.js.map +1 -1
- package/navigation/navigation-item.element.scss.js +1 -1
- package/navigation/navigation-start.element.d.ts +2 -3
- package/navigation/navigation-start.element.js +1 -1
- package/navigation/navigation-start.element.js.map +1 -1
- package/navigation/navigation.element.d.ts +1 -2
- package/navigation/navigation.element.js +1 -1
- package/navigation/navigation.element.js.map +1 -1
- package/navigation/navigation.element.scss.js +1 -1
- package/navigation/utils/utils.js +1 -1
- package/navigation/utils/utils.js.map +1 -1
- package/package.json +5 -6
- package/pagination/pagination-button.element.d.ts +1 -1
- package/pagination/pagination.element.d.ts +3 -3
- package/pagination/pagination.element.js +1 -1
- package/pagination/pagination.element.js.map +1 -1
- package/pagination/pagination.element.scss.js +1 -1
- package/pagination/register.d.ts +1 -0
- package/pagination/register.js +1 -1
- package/pagination/register.js.map +1 -1
- package/pagination/utils.js +1 -1
- package/pagination/utils.js.map +1 -1
- package/password/password.element.js +1 -1
- package/polyfills/aria-reflect.js +1 -1
- package/polyfills/aria-reflect.js.map +1 -1
- package/progress-circle/progress-circle.element.d.ts +3 -21
- package/progress-circle/progress-circle.element.js +1 -1
- package/progress-circle/progress-circle.element.js.map +1 -1
- package/progress-circle/progress-circle.element.scss.js +1 -1
- package/progress-circle/progress-circle.utils.d.ts +0 -5
- package/progress-circle/progress-circle.utils.js +1 -1
- package/progress-circle/progress-circle.utils.js.map +1 -1
- package/radio/index.js +1 -1
- package/radio/radio-group.element.d.ts +2 -1
- package/radio/radio.element.d.ts +2 -1
- package/radio/radio.element.scss.js +1 -1
- package/range/range.element.d.ts +2 -1
- package/range/range.element.js +1 -1
- package/range/range.element.js.map +1 -1
- package/range/range.element.scss.js +1 -1
- package/range/range.global.scss.js +1 -1
- package/search/search.element.js +1 -1
- package/search/search.element.js.map +1 -1
- package/search/search.global.scss.js +1 -1
- package/select/select.element.d.ts +2 -1
- package/select/select.element.js +1 -1
- package/select/select.element.js.map +1 -1
- package/select/select.element.scss.js +1 -1
- package/select/select.global.scss.js +1 -1
- package/selection-panels/checkbox/checkbox-panel.element.js +1 -1
- package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -1
- package/selection-panels/radio/radio-panel.element.js +1 -1
- package/selection-panels/radio/radio-panel.element.js.map +1 -1
- package/selection-panels/shared/selection-panel.element.scss.js +1 -1
- package/styles/shim.clr-ui.css +5 -2
- package/styles/shim.clr-ui.min.css +4 -2
- package/tag/tag.element.d.ts +2 -1
- package/tag/tag.element.js +1 -1
- package/tag/tag.element.js.map +1 -1
- package/tag/tag.element.scss.js +1 -1
- package/test/index.js +1 -1
- package/test/utils.d.ts +1 -1
- package/test/utils.js +1 -1
- package/test/utils.js.map +1 -1
- package/test-dropdown/test-dropdown.element.d.ts +2 -2
- package/test-dropdown/test-dropdown.element.js +1 -1
- package/test-dropdown/test-dropdown.element.js.map +1 -1
- package/test-dropdown/test-dropdown.element.scss.js +1 -1
- package/textarea/index.js +1 -1
- package/textarea/textarea.element.js +1 -1
- package/textarea/textarea.element.js.map +1 -1
- package/textarea/textarea.element.scss.js +1 -1
- package/time/time.element.js +1 -1
- package/time/time.element.js.map +1 -1
- package/time/time.global.scss.js +1 -1
- package/toggle/index.js +1 -1
- package/toggle/toggle.element.d.ts +2 -1
- package/toggle/toggle.element.js +1 -1
- package/toggle/toggle.element.js.map +1 -1
- package/toggle/toggle.element.scss.js +1 -1
- package/tree-view/register.d.ts +1 -0
- package/tree-view/register.js +1 -1
- package/tree-view/register.js.map +1 -1
- package/tree-view/story-utils.d.ts +22 -0
- package/tree-view/tree-item.element.d.ts +10 -2
- package/tree-view/tree-item.element.js +1 -1
- package/tree-view/tree-item.element.js.map +1 -1
- package/tree-view/tree-item.element.scss.js +1 -1
- package/tree-view/tree.element.js +1 -1
- package/tree-view/tree.element.js.map +1 -1
- package/tree-view/tree.element.scss.js +1 -1
- package/custom-elements.legacy.json +0 -5376
- package/internal/utils/focus-trap.d.ts +0 -51
- package/internal/utils/focus-trap.js +0 -2
- package/internal/utils/focus-trap.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var r=o`:host{--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--font-weight:inherit;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));width:100%;contain:inherit}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);background:var(--background);padding:var(--cds-global-space-6,.75rem) var(--cds-global-space-11,2.25rem)}`;export default
|
|
1
|
+
import{css as o}from"lit";var r=o`:host{--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--font-weight:inherit;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));width:100%;contain:inherit}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);background:var(--background);padding:var(--cds-global-space-6,.75rem) var(--cds-global-space-11,2.25rem)}`;export{r as default};
|
|
2
2
|
//# sourceMappingURL=accordion-content.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{createId as e,baseStyles as r,state as o}from"@cds/core/internal";import{LitElement as s,html as d}from"lit";import a from"./accordion-header.element.scss.js";class i extends s{constructor(){super(...arguments)
|
|
1
|
+
import{__decorate as t}from"tslib";import{createId as e,baseStyles as r,state as o}from"@cds/core/internal";import{LitElement as s,html as d}from"lit";import a from"./accordion-header.element.scss.js";class i extends s{constructor(){super(...arguments);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","accordion-header"),this.id||(this.id=e())}render(){return d`<div class="private-host" cds-layout="horizontal gap:sm align:vertical-center wrap:none"><cds-button-expand .pressed="${this.expanded}" readonly="readonly" action="vertical"></cds-button-expand><div cds-layout="align:stretch"><slot></slot></div></div>`}static get styles(){return[r,a]}}t([o()],i.prototype,"expanded",void 0);export{i as CdsAccordionHeader};
|
|
2
2
|
//# sourceMappingURL=accordion-header.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-header.element.js","sources":["../../../src/accordion/accordion-header.element.ts"],"sourcesContent":null,"names":["CdsAccordionHeader","LitElement","[object Object]","super","
|
|
1
|
+
{"version":3,"file":"accordion-header.element.js","sources":["../../../src/accordion/accordion-header.element.ts"],"sourcesContent":null,"names":["CdsAccordionHeader","LitElement","[object Object]","super","this","expanded","connectedCallback","setAttribute","id","createId","html","styles","baseStyles","__decorate","state","prototype"],"mappings":"yMAyCO,MAAMA,UAA2BC,EACpCC,cACIC,oBAEAC,KAAKC,UAAW,EAEpBH,oBACIC,MAAMG,oBACNF,KAAKG,aAAa,OAAQ,oBACrBH,KAAKI,KACNJ,KAAKI,GAAKC,KAGlBP,SACI,OAAOQ,CAAK,yHACgBN,KAAKC,gIAIrCM,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,KACDd,EAAmBe,UAAW,gBAAY"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var r=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--font-size:var(--cds-global-typography-secondary-font-size, 0.8125rem);--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--padding:calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-2, 0.125rem));cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--padding);cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}`;export default
|
|
1
|
+
import{css as o}from"lit";var r=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--font-size:var(--cds-global-typography-secondary-font-size, 0.8125rem);--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--padding:calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-2, 0.125rem));cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--padding);cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}`;export{r as default};
|
|
2
2
|
//# sourceMappingURL=accordion-header.element.scss.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
import { EventEmitter } from '@cds/core/internal';
|
|
3
3
|
/**
|
|
4
4
|
* Web component accordion panel to be used inside an accordion
|
|
@@ -39,9 +39,9 @@ export declare class CdsAccordionPanel extends LitElement {
|
|
|
39
39
|
expanded: boolean;
|
|
40
40
|
private header;
|
|
41
41
|
private content;
|
|
42
|
-
|
|
42
|
+
expandedChange: EventEmitter<boolean>;
|
|
43
43
|
private toggle;
|
|
44
|
-
updated(props:
|
|
44
|
+
updated(props: PropertyValues<this>): void;
|
|
45
45
|
render(): import("lit-html").TemplateResult<1>;
|
|
46
46
|
static get styles(): import("lit").CSSResultGroup[];
|
|
47
47
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{LitElement as t,html as o}from"lit";import{baseStyles as d,property as i,event as a,querySlot as n,animate as s,AnimationAccordionPanelOpenName as r,reverseAnimation as c}from"@cds/core/internal";import p from"./accordion-panel.element.scss.js";let l=class extends t{constructor(){super(...arguments)
|
|
1
|
+
import{__decorate as e}from"tslib";import{LitElement as t,html as o}from"lit";import{baseStyles as d,property as i,event as a,querySlot as n,animate as s,AnimationAccordionPanelOpenName as r,reverseAnimation as c}from"@cds/core/internal";import p from"./accordion-panel.element.scss.js";let l=class extends t{constructor(){super(...arguments);this.cdsMotion="on",this.disabled=!1,this.expanded=!1}toggle(){this.expandedChange.emit(!this.expanded)}updated(e){super.updated(e),this.content&&this.header&&(this.content.setAttribute("aria-labelledby",this.header.id),this.header.setAttribute("aria-controls",this.content.id),this.header.expanded=this.expanded)}render(){return o`<div class="private-host" role="group"><button class="accordion-header-button" cds-layout="horizontal align:vertical-center gap:sm" type="button" @click="${()=>this.toggle()}" ?disabled="${this.disabled}" aria-disabled="${this.disabled}" aria-expanded="${this.expanded}" focusable><slot name="accordion-header"></slot></button><div aria-hidden="${!this.expanded}" class="accordion-content"><slot name="accordion-content"></slot></div></div>`}static get styles(){return[d,p]}};e([i({type:String})],l.prototype,"cdsMotion",void 0),e([a()],l.prototype,"cdsMotionChange",void 0),e([i({type:Boolean})],l.prototype,"disabled",void 0),e([i({type:Boolean})],l.prototype,"expanded",void 0),e([n("cds-accordion-header")],l.prototype,"header",void 0),e([n("cds-accordion-content")],l.prototype,"content",void 0),e([a()],l.prototype,"expandedChange",void 0),l=e([s({expanded:{true:r,false:c(r)}})],l);export{l as CdsAccordionPanel};
|
|
2
2
|
//# sourceMappingURL=accordion-panel.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-panel.element.js","sources":["../../../src/accordion/accordion-panel.element.ts"],"sourcesContent":null,"names":["CdsAccordionPanel","LitElement","[object Object]","super","
|
|
1
|
+
{"version":3,"file":"accordion-panel.element.js","sources":["../../../src/accordion/accordion-panel.element.ts"],"sourcesContent":null,"names":["CdsAccordionPanel","LitElement","[object Object]","super","this","cdsMotion","disabled","expanded","expandedChange","emit","props","updated","content","header","setAttribute","id","html","toggle","styles","baseStyles","__decorate","property","type","String","prototype","event","Boolean","querySlot","animate","true","AnimationAccordionPanelOpenName","false","reverseAnimation"],"mappings":"+RAyCG,IAACA,EAAoB,cAAgCC,EACpDC,cACIC,oBACAC,KAAKC,UAAY,KACjBD,KAAKE,UAAW,EAChBF,KAAKG,UAAW,EAEpBL,SACIE,KAAKI,eAAeC,MAAML,KAAKG,UAEnCL,QAAQQ,GACJP,MAAMQ,QAAQD,GACVN,KAAKQ,SAAWR,KAAKS,SACrBT,KAAKQ,QAAQE,aAAa,kBAAmBV,KAAKS,OAAOE,IACzDX,KAAKS,OAAOC,aAAa,gBAAiBV,KAAKQ,QAAQG,IACvDX,KAAKS,OAAON,SAAWH,KAAKG,UAGpCL,SACI,OAAOc,CAAK,6JAKF,IAAMZ,KAAKa,wBACRb,KAAKE,4BACDF,KAAKE,4BACLF,KAAKG,wFAKHH,KAAKG,yFAK5BW,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAkBwB,UAAW,iBAAa,GAC7CJ,EAAW,CACPK,KACDzB,EAAkBwB,UAAW,uBAAmB,GACnDJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClB1B,EAAkBwB,UAAW,gBAAY,GAC5CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClB1B,EAAkBwB,UAAW,gBAAY,GAC5CJ,EAAW,CACPO,EAAU,yBACX3B,EAAkBwB,UAAW,cAAU,GAC1CJ,EAAW,CACPO,EAAU,0BACX3B,EAAkBwB,UAAW,eAAW,GAC3CJ,EAAW,CACPK,KACDzB,EAAkBwB,UAAW,sBAAkB,GAClDxB,EAAoBoB,EAAW,CAC3BQ,EAAQ,CACJrB,SAAU,CACNsB,KAAMC,EACNC,MAAOC,EAAiBF,OAGjC9B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var a=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));contain:inherit}.accordion-header-button{background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0));border:0;padding:0;width:100%}.accordion-content{overflow-y:hidden}:host([cds-motion=off]) .accordion-content{height:0}:host([cds-motion=off][expanded]) .accordion-content{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:auto!important;-webkit-transform:none;transform:none}:host([expanded]) .accordion-content{-webkit-box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);margin-top:var(--border-width)}:host([expanded]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));cursor:not-allowed}`;export default
|
|
1
|
+
import{css as o}from"lit";var a=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));contain:inherit}.accordion-header-button{background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0));border:0;padding:0;width:100%}.accordion-content{overflow-y:hidden}:host([cds-motion=off]) .accordion-content{height:0}:host([cds-motion=off][expanded]) .accordion-content{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:auto!important;-webkit-transform:none;transform:none}:host([expanded]) .accordion-content{-webkit-box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);margin-top:var(--border-width)}:host([expanded]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));cursor:not-allowed}`;export{a as default};
|
|
2
2
|
//# sourceMappingURL=accordion-panel.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as r}from"lit";var o=r`:host{--border-color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);width:100%}::slotted(cds-accordion-panel){border:var(--border-width) solid var(--border-color);border-bottom:none}::slotted(cds-accordion-panel:first-child){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}::slotted(cds-accordion-panel:last-child){border-bottom:var(--border-width) solid var(--border-color);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}`;export default
|
|
1
|
+
import{css as r}from"lit";var o=r`:host{--border-color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);width:100%}::slotted(cds-accordion-panel){border:var(--border-width) solid var(--border-color);border-bottom:none}::slotted(cds-accordion-panel:first-child){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}::slotted(cds-accordion-panel:last-child){border-bottom:var(--border-width) solid var(--border-color);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}`;export{o as default};
|
|
2
2
|
//# sourceMappingURL=accordion.element.scss.js.map
|
package/accordion/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{CdsAccordion}from"./accordion.element.js";export{CdsAccordionPanel}from"./accordion-panel.element.js";export{CdsAccordionContent}from"./accordion-content.element.js";export{CdsAccordionHeader}from"./accordion-header.element.js";
|
|
1
|
+
export{CdsAccordion}from"./accordion.element.js";export{CdsAccordionPanel}from"./accordion-panel.element.js";export{CdsAccordionContent}from"./accordion-content.element.js";export{CdsAccordionHeader}from"./accordion-header.element.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
1
2
|
import { AlertGroupTypes } from '@cds/core/alert';
|
|
2
|
-
import { LitElement } from 'lit';
|
|
3
3
|
/**
|
|
4
4
|
* Web component alert actions to be used inside default and banner alerts.
|
|
5
5
|
*
|
|
@@ -31,6 +31,6 @@ export declare class CdsAlertActions extends LitElement {
|
|
|
31
31
|
private buttons;
|
|
32
32
|
render(): import("lit-html").TemplateResult<1>;
|
|
33
33
|
connectedCallback(): void;
|
|
34
|
-
updated(props:
|
|
34
|
+
updated(props: PropertyValues<this>): void;
|
|
35
35
|
static get styles(): import("lit").CSSResultGroup[];
|
|
36
36
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as e,html as r}from"lit";import{assignSlotNames as s,baseStyles as o,state as i,querySlotAll as n}from"@cds/core/internal";import a from"./alert-actions.element.scss.js";class p extends e{constructor(){super(...arguments);this.type="light"}render(){return r`<div class="private-host" cds-layout="horizontal wrap:none gap:xs align:vertical-center"><slot></slot></div>`}connectedCallback(){super.connectedCallback(),s([this,"actions"])}updated(t){super.updated(t),this.buttons.forEach((t=>{t.status="banner"===this.type?"inverse":"primary",t.size="banner"===this.type?"sm":"md",t.style.setProperty("--color","inherit")}))}static get styles(){return[o,a]}}t([i({type:String,reflect:!0})],p.prototype,"type",void 0),t([n("cds-button")],p.prototype,"buttons",void 0);export{p as CdsAlertActions};
|
|
2
2
|
//# sourceMappingURL=alert-actions.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-actions.element.js","sources":["../../../src/alert/alert-actions.element.ts"],"sourcesContent":null,"names":["CdsAlertActions","LitElement","[object Object]","super","
|
|
1
|
+
{"version":3,"file":"alert-actions.element.js","sources":["../../../src/alert/alert-actions.element.ts"],"sourcesContent":null,"names":["CdsAlertActions","LitElement","[object Object]","super","this","type","html","connectedCallback","assignSlotNames","props","updated","buttons","forEach","b","status","size","style","setProperty","styles","baseStyles","__decorate","state","String","reflect","prototype","querySlotAll"],"mappings":"+NA+BO,MAAMA,UAAwBC,EACjCC,cACIC,oBAKAC,KAAKC,KAAO,QAEhBH,SACI,OAAOI,CAAK,+GAIhBJ,oBACIC,MAAMI,oBACNC,EAAgB,CAACJ,KAAM,YAE3BF,QAAQO,GACJN,MAAMO,QAAQD,GACdL,KAAKO,QAAQC,SAAQC,IACjBA,EAAEC,OAAuB,WAAdV,KAAKC,KAAoB,UAAY,UAChDQ,EAAEE,KAAqB,WAAdX,KAAKC,KAAoB,KAAO,KACzCQ,EAAEG,MAAMC,YAAY,UAAW,cAGvCC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEhB,KAAMiB,OAAQC,SAAS,KAChCvB,EAAgBwB,UAAW,YAAQ,GACtCJ,EAAW,CACPK,EAAa,eACdzB,EAAgBwB,UAAW,eAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as t}from"lit";var o=t`:host{--action-hover-text-color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--action-text-color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--action-font-size:var(--cds-global-typography-font-size-3, 0.8125rem);white-space:nowrap}:host([_type=light]){display:none!important}:host([_type=default]) ::slotted(cds-button),:host([_type=light]) ::slotted(cds-button){--color:var(--action-text-color);--border-color:var(--action-text-color);--background:none;--padding:none;--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--text-transform:none;--text-decoration:underline;--border-width:0;--height:var(--action-size, auto);--min-width:initial;display:inline-block}:host([_type=default]) ::slotted(cds-button:hover),:host([_type=light]) ::slotted(cds-button:hover){--color:var(--action-hover-text-color);--border-color:var(--action-hover-text-color)}:host([_type=default]) ::slotted([cds-text~=link]),:host([_type=light]) ::slotted([cds-text~=link]){color:var(--action-text-color)!important;font-size:var(--action-font-size)!important;font-weight:var(--cds-global-typography-font-weight-medium,500)}:host([_type=default]) ::slotted([cds-text~=link]:hover),:host([_type=light]) ::slotted([cds-text~=link]:hover){color:var(--action-hover-text-color)!important}:host([_type=default]){--action-size:calc(var(--cds-global-space-9, 1.5rem) - var(--cds-global-space-3, 0.25rem))}:host([_type=banner]){--action-size:var(--cds-global-space-9, 1.5rem)}:host([_type=banner]) ::slotted(cds-button){--color:var(--action-text-color);--border-color:var(--action-text-color)}:host([_type=banner])::slotted(a),:host([_type=default])::slotted(a){color:var(--action-text-color)}:host([_type=default]) .private-host{height:calc(var(--action-size) + var(--cds-global-space-2,.125rem))}:host([_type=default]) ::slotted(cds-button){--font-size:var(--action-font-size);--letter-spacing:normal;--height:var(--action-size);line-height:1em}`;export default
|
|
1
|
+
import{css as t}from"lit";var o=t`:host{--action-hover-text-color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--action-text-color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--action-font-size:var(--cds-global-typography-font-size-3, 0.8125rem);white-space:nowrap}:host([_type=light]){display:none!important}:host([_type=default]) ::slotted(cds-button),:host([_type=light]) ::slotted(cds-button){--color:var(--action-text-color);--border-color:var(--action-text-color);--background:none;--padding:none;--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--text-transform:none;--text-decoration:underline;--border-width:0;--height:var(--action-size, auto);--min-width:initial;display:inline-block}:host([_type=default]) ::slotted(cds-button:hover),:host([_type=light]) ::slotted(cds-button:hover){--color:var(--action-hover-text-color);--border-color:var(--action-hover-text-color)}:host([_type=default]) ::slotted([cds-text~=link]),:host([_type=light]) ::slotted([cds-text~=link]){color:var(--action-text-color)!important;font-size:var(--action-font-size)!important;font-weight:var(--cds-global-typography-font-weight-medium,500)}:host([_type=default]) ::slotted([cds-text~=link]:hover),:host([_type=light]) ::slotted([cds-text~=link]:hover){color:var(--action-hover-text-color)!important}:host([_type=default]){--action-size:calc(var(--cds-global-space-9, 1.5rem) - var(--cds-global-space-3, 0.25rem))}:host([_type=banner]){--action-size:var(--cds-global-space-9, 1.5rem)}:host([_type=banner]) ::slotted(cds-button){--color:var(--action-text-color);--border-color:var(--action-text-color)}:host([_type=banner])::slotted(a),:host([_type=default])::slotted(a){color:var(--action-text-color)}:host([_type=default]) .private-host{height:calc(var(--action-size) + var(--cds-global-space-2,.125rem))}:host([_type=default]) ::slotted(cds-button){--font-size:var(--action-font-size);--letter-spacing:normal;--height:var(--action-size);line-height:1em}`;export{o as default};
|
|
2
2
|
//# sourceMappingURL=alert-actions.element.scss.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
import { AlertGroupTypes, AlertStatusTypes, AlertSizes } from './alert.interfaces.js';
|
|
3
3
|
/**
|
|
4
4
|
* Alert groups are containers for a set of alerts. Alert groups can hold one or many alerts
|
|
@@ -66,9 +66,9 @@ export declare class CdsAlertGroup extends LitElement {
|
|
|
66
66
|
private alertSlot;
|
|
67
67
|
render(): import("lit-html").TemplateResult<1>;
|
|
68
68
|
connectedCallback(): void;
|
|
69
|
-
firstUpdated(props:
|
|
69
|
+
firstUpdated(props: PropertyValues<this>): void;
|
|
70
70
|
private setupAlertsUpdate;
|
|
71
71
|
private syncAlerts;
|
|
72
|
-
updated(props:
|
|
72
|
+
updated(props: PropertyValues<this>): void;
|
|
73
73
|
static get styles(): import("lit").CSSResultGroup[];
|
|
74
74
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as s,html as e}from"lit";import{query as r}from"lit/decorators/query.js";import{syncProps as a,baseStyles as o,property as i,querySlotAll as p,querySlot as l}from"@cds/core/internal";import d from"./alert-group.element.scss.js";class n extends s{constructor(){super(...arguments)
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as s,html as e}from"lit";import{query as r}from"lit/decorators/query.js";import{syncProps as a,baseStyles as o,property as i,querySlotAll as p,querySlot as l}from"@cds/core/internal";import d from"./alert-group.element.scss.js";class n extends s{constructor(){super(...arguments);this.size="default",this.type="default",this.status="neutral"}render(){return e`<div cds-layout="${this.pager?"horizontal wrap:none":"horizontal"}" class="${this.pager?"private-host":"private-host no-pager"}"><div class="pager-wrapper" cds-layout="p-x:lg"><slot name="pager"></slot></div><div class="alert-group-wrapper"><div class="alerts" cds-layout="vertical wrap:none align:horizontal-stretch fill ${"sm"===this.size?"gap:none":"gap:xs"}"><slot></slot></div></div></div>`}connectedCallback(){super.connectedCallback(),this.role="region"}firstUpdated(t){super.firstUpdated(t),this.setupAlertsUpdate()}setupAlertsUpdate(){const t={status:!0,type:!0,size:!0};this.alertSlot?.addEventListener("slotchange",(()=>this.syncAlerts(t)))}async syncAlerts(t){await Promise.all(Array.from(this.alerts).map((t=>t.updateComplete))),this.alerts.forEach((s=>a(s,this,{status:t.status&&"light"!==this.type&&"loading"!==s.status,type:t.type,size:t.size})))}updated(t){super.updated(t),this.syncAlerts({status:t.has("status"),type:t.has("type"),size:t.has("size")})}static get styles(){return[o,d]}}t([i({type:String})],n.prototype,"size",void 0),t([i({type:String})],n.prototype,"type",void 0),t([i({type:String})],n.prototype,"status",void 0),t([p("cds-alert")],n.prototype,"alerts",void 0),t([l(".pager",{assign:"pager"})],n.prototype,"pager",void 0),t([r(".alerts")],n.prototype,"alertSlot",void 0);export{n as CdsAlertGroup};
|
|
2
2
|
//# sourceMappingURL=alert-group.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-group.element.js","sources":["../../../src/alert/alert-group.element.ts"],"sourcesContent":null,"names":["CdsAlertGroup","LitElement","[object Object]","super","
|
|
1
|
+
{"version":3,"file":"alert-group.element.js","sources":["../../../src/alert/alert-group.element.ts"],"sourcesContent":null,"names":["CdsAlertGroup","LitElement","[object Object]","super","this","size","type","status","html","pager","connectedCallback","role","props","firstUpdated","setupAlertsUpdate","propsToSync","alertSlot","addEventListener","syncAlerts","Promise","all","Array","from","alerts","map","a","updateComplete","forEach","alert","syncProps","updated","has","styles","baseStyles","__decorate","property","String","prototype","querySlotAll","querySlot","assign","query"],"mappings":"yRAsDO,MAAMA,UAAsBC,EAC/BC,cACIC,oBAKAC,KAAKC,KAAO,UAKZD,KAAKE,KAAO,UAKZF,KAAKG,OAAS,UAElBL,SACI,OAAOM,CAAK,oBAEEJ,KAAKK,MAAQ,uBAAyB,wBAC3CL,KAAKK,MAAQ,eAAiB,6NAQ0C,OAAdL,KAAKC,KAAgB,WAAa,4CAQzGH,oBACIC,MAAMO,oBACNN,KAAKO,KAAO,SAEhBT,aAAaU,GACTT,MAAMU,aAAaD,GACnBR,KAAKU,oBAETZ,oBACI,MAAMa,EAAc,CAAER,QAAQ,EAAMD,MAAM,EAAMD,MAAM,GACtDD,KAAKY,WAAWC,iBAAiB,cAAc,IAAMb,KAAKc,WAAWH,KAEzEb,iBAAiBa,SACPI,QAAQC,IAAIC,MAAMC,KAAKlB,KAAKmB,QAAQC,KAAIC,GAAKA,EAAEC,kBACrDtB,KAAKmB,OAAOI,SAAQC,GAASC,EAAUD,EAAOxB,KAAM,CAChDG,OAAQQ,EAAYR,QAAwB,UAAdH,KAAKE,MAAqC,YAAjBsB,EAAMrB,OAC7DD,KAAMS,EAAYT,KAClBD,KAAMU,EAAYV,SAG1BH,QAAQU,GACJT,MAAM2B,QAAQlB,GACdR,KAAKc,WAAW,CACZX,OAAQK,EAAMmB,IAAI,UAClBzB,KAAMM,EAAMmB,IAAI,QAChB1B,KAAMO,EAAMmB,IAAI,UAGxBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAE7B,KAAM8B,UAClBpC,EAAcqC,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAE7B,KAAM8B,UAClBpC,EAAcqC,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAE7B,KAAM8B,UAClBpC,EAAcqC,UAAW,cAAU,GACtCH,EAAW,CACPI,EAAa,cACdtC,EAAcqC,UAAW,cAAU,GACtCH,EAAW,CACPK,EAAU,SAAU,CAAEC,OAAQ,WAC/BxC,EAAcqC,UAAW,aAAS,GACrCH,EAAW,CACPO,EAAM,YACPzC,EAAcqC,UAAW,iBAAa"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var r=a`:host{--icon-color:var(--color);--icon-size:var(--cds-global-space-8, 1.125rem);--font-size:var(--cds-global-typography-secondary-font-size, 0.8125rem);--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--padding:var(--cds-global-space-5, 0.5rem) var(--cds-global-space-5, 0.5rem) var(--cds-global-space-4, 0.375rem) var(--cds-global-space-6, 0.75rem);--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--pager-background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));width:100%}.private-host{background:var(--background);border-width:var(--border-width);border-color:var(--border-color);border-style:solid;border-radius:var(--border-radius)}.alert-group-wrapper{width:100%;padding:var(--padding)}:host([status=info]){--background:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--background:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--background:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([type=default][size=sm]){--padding:var(--cds-global-space-3, 0.25rem) var(--cds-global-space-3, 0.25rem) var(--cds-global-space-2, 0.125rem) var(--cds-global-space-4, 0.375rem)}:host([type=light]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:0;--padding:0}:host([type=light]) .private-host{border:0}:host([type=banner]){--border-color:var(--background);--padding:var(--cds-global-space-1, 0.0625rem) var(--cds-global-space-6, 0.75rem);--border-width:0;--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-radius:0}:host([type=banner][status=info]){--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--pager-background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([type=banner][status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--pager-background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([type=banner][status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--pager-background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([type=banner][status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--pager-background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([type=banner][status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--pager-background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55))}:host([type=banner][status=alt]){--background:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5));--pager-background:var(--cds-alias-status-alt-shade, var(--cds-global-color-violet-900, #440061))}.no-pager .pager-wrapper{display:none}.pager-wrapper{background-color:var(--pager-background);padding-top:var(--cds-global-space-2,.125rem);padding-bottom:var(--cds-global-space-2,.125rem)}:host([type=banner]) .alert-group-wrapper{padding-top:var(--cds-global-space-2,.125rem);padding-bottom:var(--cds-global-space-2,.125rem)}::slotted(.pager){color:var(--cds-global-typography-color-100,var(--cds-global-color-white,#fff));width:calc(2*var(--cds-global-space-12,3rem));height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}`;export default
|
|
1
|
+
import{css as a}from"lit";var r=a`:host{--icon-color:var(--color);--icon-size:var(--cds-global-space-8, 1.125rem);--font-size:var(--cds-global-typography-secondary-font-size, 0.8125rem);--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--padding:var(--cds-global-space-5, 0.5rem) var(--cds-global-space-5, 0.5rem) var(--cds-global-space-4, 0.375rem) var(--cds-global-space-6, 0.75rem);--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--pager-background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));width:100%}.private-host{background:var(--background);border-width:var(--border-width);border-color:var(--border-color);border-style:solid;border-radius:var(--border-radius)}.alert-group-wrapper{width:100%;padding:var(--padding)}:host([status=info]){--background:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--background:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--background:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([type=default][size=sm]){--padding:var(--cds-global-space-3, 0.25rem) var(--cds-global-space-3, 0.25rem) var(--cds-global-space-2, 0.125rem) var(--cds-global-space-4, 0.375rem)}:host([type=light]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:0;--padding:0}:host([type=light]) .private-host{border:0}:host([type=banner]){--border-color:var(--background);--padding:var(--cds-global-space-1, 0.0625rem) var(--cds-global-space-6, 0.75rem);--border-width:0;--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-radius:0}:host([type=banner][status=info]){--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--pager-background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([type=banner][status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--pager-background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([type=banner][status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--pager-background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([type=banner][status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--pager-background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([type=banner][status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--pager-background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55))}:host([type=banner][status=alt]){--background:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5));--pager-background:var(--cds-alias-status-alt-shade, var(--cds-global-color-violet-900, #440061))}.no-pager .pager-wrapper{display:none}.pager-wrapper{background-color:var(--pager-background);padding-top:var(--cds-global-space-2,.125rem);padding-bottom:var(--cds-global-space-2,.125rem)}:host([type=banner]) .alert-group-wrapper{padding-top:var(--cds-global-space-2,.125rem);padding-bottom:var(--cds-global-space-2,.125rem)}::slotted(.pager){color:var(--cds-global-typography-color-100,var(--cds-global-color-white,#fff));width:calc(2*var(--cds-global-space-12,3rem));height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}`;export{r as default};
|
|
2
2
|
//# sourceMappingURL=alert-group.element.scss.js.map
|
package/alert/alert.element.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
2
|
+
import { EventEmitter } from '@cds/core/internal';
|
|
2
3
|
import { CdsIcon } from '@cds/core/icon/icon.element.js';
|
|
3
4
|
import { AlertGroupTypes, AlertStatusTypes, AlertSizes } from './alert.interfaces.js';
|
|
4
5
|
export declare function getIconStatusTuple(status: string): [string, string];
|
|
@@ -45,7 +46,7 @@ export declare function getAlertContentLayout(containerType: 'wrapper' | 'conten
|
|
|
45
46
|
* @cssprop --close-icon-color-hover
|
|
46
47
|
*/
|
|
47
48
|
export declare class CdsAlert extends LitElement {
|
|
48
|
-
|
|
49
|
+
closeChange: EventEmitter<boolean>;
|
|
49
50
|
/**
|
|
50
51
|
* Sets the overall height and width of the alert and icon based on value
|
|
51
52
|
* @type {default | sm}
|
|
@@ -81,7 +82,7 @@ export declare class CdsAlert extends LitElement {
|
|
|
81
82
|
protected alertIcons: NodeListOf<CdsIcon>;
|
|
82
83
|
protected closeButton: HTMLElement;
|
|
83
84
|
connectedCallback(): void;
|
|
84
|
-
updated(props:
|
|
85
|
+
updated(props: PropertyValues<this>): void;
|
|
85
86
|
private get parentGroupHasPager();
|
|
86
87
|
render(): import("lit-html").TemplateResult<1>;
|
|
87
88
|
constructor();
|
package/alert/alert.element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as e,html as s}from"lit";import{I18nService as r,setAttributes as a,syncDefinedProps as n,baseStyles as o,event as i,property as c,state as l,id as p,i18n as d,querySlot as h,querySlotAll as u}from"@cds/core/internal";import{ClarityIcons as g}from"@cds/core/icon/icon.service.js";import{infoStandardIcon as y}from"@cds/core/icon/shapes/info-standard.js";import{successStandardIcon as m}from"@cds/core/icon/shapes/success-standard.js";import{warningStandardIcon as f}from"@cds/core/icon/shapes/warning-standard.js";import{errorStandardIcon as b}from"@cds/core/icon/shapes/error-standard.js";import{helpIcon as $}from"@cds/core/icon/shapes/help.js";import w from"./alert.element.scss.js";function v(t){const e={info:[g.getIconNameFromShape(y),r.keys.alert.info],success:[g.getIconNameFromShape(m),r.keys.alert.success],warning:[g.getIconNameFromShape(f),r.keys.alert.warning],danger:[g.getIconNameFromShape(b),r.keys.alert.danger],unknown:[g.getIconNameFromShape($),r.keys.alert.info],loading:["loading",r.keys.alert.loading]};return e[t]?e[t]:e.info}function k(t){return["info","success","warning","danger","unknown"].map((t=>A(t))).indexOf(t)>-1}function z(t){return v(t)[1]}function A(t){return v(t)[0]}function F(t,e,s){const r="align:stretch";switch(e){case"light":return"";case"banner":switch(t){case"wrapper":return s?r:"";case"content":return"align:shrink";case"actions":return s?r:"";default:return""}default:switch(t){case"wrapper":case"content":return r;case"actions":return"align:shrink";default:return""}}}class S extends e{constructor(){super()
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as e,html as s}from"lit";import{I18nService as r,setAttributes as a,syncDefinedProps as n,baseStyles as o,event as i,property as c,state as l,id as p,i18n as d,querySlot as h,querySlotAll as u}from"@cds/core/internal";import{ClarityIcons as g}from"@cds/core/icon/icon.service.js";import{infoStandardIcon as y}from"@cds/core/icon/shapes/info-standard.js";import{successStandardIcon as m}from"@cds/core/icon/shapes/success-standard.js";import{warningStandardIcon as f}from"@cds/core/icon/shapes/warning-standard.js";import{errorStandardIcon as b}from"@cds/core/icon/shapes/error-standard.js";import{helpIcon as $}from"@cds/core/icon/shapes/help.js";import w from"./alert.element.scss.js";function v(t){const e={info:[g.getIconNameFromShape(y),r.keys.alert.info],success:[g.getIconNameFromShape(m),r.keys.alert.success],warning:[g.getIconNameFromShape(f),r.keys.alert.warning],danger:[g.getIconNameFromShape(b),r.keys.alert.danger],unknown:[g.getIconNameFromShape($),r.keys.alert.info],loading:["loading",r.keys.alert.loading]};return e[t]?e[t]:e.info}function k(t){return["info","success","warning","danger","unknown"].map((t=>A(t))).indexOf(t)>-1}function z(t){return v(t)[1]}function A(t){return v(t)[0]}function F(t,e,s){const r="align:stretch";switch(e){case"light":return"";case"banner":switch(t){case"wrapper":return s?r:"";case"content":return"align:shrink";case"actions":return s?r:"";default:return""}default:switch(t){case"wrapper":case"content":return r;case"actions":return"align:shrink";default:return""}}}class S extends e{constructor(){super();this.size="default",this.type="light",this.closable=!1,this.status="neutral",this.i18n=r.keys.alert,g.addIcons(y,b,m,f,$)}connectedCallback(){super.connectedCallback(),a(this,["aria-describedby",this.idForAriaDescriber],["role","region"])}updated(t){super.updated(t),n(t,this,[this.alertActions])}get parentGroupHasPager(){return"banner"===this.type&&!!this.parentElement.pager}render(){return s`<div class="private-host" cds-layout="${"banner"===this.type?"horizontal wrap:none gap:xs align:vertical-center align:horizontal-center":"horizontal wrap:none gap:xs"}">${"banner"!==this.type||this.parentGroupHasPager?s``:s`<span class="alert-spacer" cds-layout="align:stretch"> </span>`} <span class="alert-icon-wrapper" cds-layout="horizontal">${"loading"===this.status?s`<cds-progress-circle class="alert-spinner" status="info" size="${"banner"===this.type?"20":"18"}" aria-label="${z(this.status)}" role="img" cds-layout="align:horizontal-center"></cds-progress-circle>`:s`<slot name="alert-icon"><cds-icon class="alert-status-icon" shape="${A(this.status)}" role="img" aria-label="${z(this.status)}" cds-layout="align:horizontal-center"></cds-icon></slot>`} </span><span class="alert-content-wrapper" cds-layout="horizontal wrap:none ${F("wrapper",this.type,this.parentGroupHasPager)}"><span id="${this.idForAriaDescriber}" role="status" class="alert-content" cds-layout="${F("content",this.type,this.parentGroupHasPager)}"><slot></slot>${"light"===this.type?s`<slot name="actions"></slot>`:s``} </span>${"light"===this.type?s``:s`<span class="alert-actions-wrapper" cds-layout="${this.alertActions?"p-l:md":""} ${F("actions",this.type,this.parentGroupHasPager)}"><slot name="actions"></slot></span>`} </span>${"banner"!==this.type||this.parentGroupHasPager?s``:s`<span class="alert-spacer" cds-layout="align:stretch"> </span>`} ${"light"!==this.type&&this.closable?s`<slot name="close-button"><cds-internal-close-button icon-size="${"banner"===this.type?"20":"16"}" @click="${()=>this.closeAlert()}" aria-label="${this.i18n.closeButtonAriaLabel}"></cds-internal-close-button></slot>`:s``}</div>`}closeAlert(){this.closeChange.emit(!0)}static get styles(){return[o,w]}}t([i()],S.prototype,"closeChange",void 0),t([c({type:String})],S.prototype,"size",void 0),t([l({type:String,reflect:!0})],S.prototype,"type",void 0),t([p()],S.prototype,"idForAriaDescriber",void 0),t([c({type:Boolean})],S.prototype,"closable",void 0),t([c({type:String})],S.prototype,"status",void 0),t([d()],S.prototype,"i18n",void 0),t([h("cds-alert-actions")],S.prototype,"alertActions",void 0),t([u("cds-icon",{assign:"alert-icon"})],S.prototype,"alertIcons",void 0),t([h("cds-internal-close-button",{assign:"close-button"})],S.prototype,"closeButton",void 0);export{S as CdsAlert,F as getAlertContentLayout,z as getIconStatusLabel,A as getIconStatusShape,v as getIconStatusTuple,k as iconShapeIsAlertStatusType};
|
|
2
2
|
//# sourceMappingURL=alert.element.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var t=a`:host{--container-padding:var(--cds-global-space-2, 0.125rem) 0;--min-height:var(--cds-global-space-9, 1.5rem);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-secondary-font-size, 0.8125rem);--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--icon-size:var(--cds-global-space-8, 1.125rem);--icon-color:var(--color);width:100%}.private-host{min-height:var(--min-height);color:var(--color)}:host([_type=banner])
|
|
1
|
+
import{css as a}from"lit";var t=a`:host{--container-padding:var(--cds-global-space-2, 0.125rem) 0;--min-height:var(--cds-global-space-9, 1.5rem);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-secondary-font-size, 0.8125rem);--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--icon-size:var(--cds-global-space-8, 1.125rem);--icon-color:var(--color);width:100%}.private-host{min-height:var(--min-height);color:var(--color)}:host([_type=banner]){--icon-size:var(--cds-global-space-9, 1.5rem)}.alert-status-icon,::slotted(cds-icon){height:var(--icon-size);width:var(--icon-size);--color:var(--icon-color)}cds-internal-close-button{--color:inherit}.alert-content-wrapper,.alert-icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--cds-global-space-6,.75rem);padding:var(--container-padding)}.alert-icon-wrapper{min-width:var(--icon-size)}.alert-content-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(var(--cds-global-space-1,.0625rem));transform:translateY(var(--cds-global-space-1,.0625rem));color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--cds-global-typography-body-line-height,1.42857em)}::slotted(cds-alert-actions){--action-text-color:var(--color);--action-size:var(--cds-global-typography-body-line-height, 1.42857em);display:none}:host([_type=banner]) ::slotted(cds-alert-actions),:host([_type=default]) ::slotted(cds-alert-actions){--action-size:calc(var(--min-height) - var(--cds-global-space-4, 0.375rem));white-space:nowrap;display:block}:host([_type=default]) cds-internal-close-button{height:var(--cds-global-space-8,1.125rem)}:host([_type=default]) .alert-content-wrapper{-webkit-box-align:self-start;-ms-flex-align:self-start;align-items:self-start}:host([_type=light][status=info]){--icon-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_type=light][status=success]){--icon-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_type=light][status=warning]){--icon-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([_type=light][status=danger]){--icon-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=loading][_type=banner]) .alert-spinner,:host([status=loading][_type=default]) .alert-spinner{--ring-color:var(--cds-alias-object-opacity-200, rgba(0, 0, 0, 0.4))}:host([status=loading][_type=banner]) .alert-spinner{--fill-color:var(--icon-color)}:host([size=sm]:not([_type=banner])){--font-size:var(--cds-global-typography-font-size-1, 0.6875rem);--letter-spacing:normal}:host([_type=banner]) .alert-content-wrapper{-webkit-transform:none;transform:none;min-height:var(--cds-global-space-10,2rem)}:host([_type=banner]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([_type=banner][status=warning]),:host([_type=default][status=warning]){--color:var(--cds-global-color-construction-900, #21333b)}:host([_type=banner][status=warning]) cds-alert-actions,:host([_type=default][status=warning]) cds-alert-actions{--action-hover-text-color:var(--color);--action-text-color:var(--color)}:host([_type=banner]) .spinner{height:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));width:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));min-height:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));min-width:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));margin-top:var(--cds-global-space-2,.125rem)}:host([_type=banner]) cds-internal-close-button{height:var(--cds-global-space-9,1.5rem);margin-top:var(--cds-global-space-3,.25rem)}@supports (-moz-appearance:none) and ((-webkit-text-emphasis:none) or (text-emphasis:none)){:host(:not([_type=banner]):not([size=sm])) .alert-content{-webkit-transform:translateY(calc(-1*var(--cds-global-space-2,.125rem)));transform:translateY(calc(-1*var(--cds-global-space-2,.125rem)))}}`;export{t as default};
|
|
2
2
|
//# sourceMappingURL=alert.element.scss.js.map
|
package/badge/badge.element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{baseStyles as r,property as s}from"@cds/core/internal";import{LitElement as o,html as e}from"lit";import i from"./badge.element.scss.js";class l extends o{constructor(){super(...arguments)
|
|
1
|
+
import{__decorate as t}from"tslib";import{baseStyles as r,property as s}from"@cds/core/internal";import{LitElement as o,html as e}from"lit";import i from"./badge.element.scss.js";class l extends o{constructor(){super(...arguments);this.color=null,this.status="neutral"}render(){return e`<div class="private-host"><span cds-text="lhe"><slot></slot></span></div>`}static get styles(){return[r,i]}}t([s({type:String})],l.prototype,"color",void 0),t([s({type:String})],l.prototype,"status",void 0);export{l as CdsBadge};
|
|
2
2
|
//# sourceMappingURL=badge.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.element.js","sources":["../../../src/badge/badge.element.ts"],"sourcesContent":null,"names":["CdsBadge","LitElement","[object Object]","super","
|
|
1
|
+
{"version":3,"file":"badge.element.js","sources":["../../../src/badge/badge.element.ts"],"sourcesContent":null,"names":["CdsBadge","LitElement","[object Object]","super","this","color","status","html","styles","baseStyles","__decorate","property","type","String","prototype"],"mappings":"mLAiCO,MAAMA,UAAiBC,EAC1BC,cACIC,oBAIAC,KAAKC,MAAQ,KAKbD,KAAKE,OAAS,UAElBJ,SACI,OAAOK,CAAK,4EAQhBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAASc,UAAW,aAAS,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAASc,UAAW,cAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--font-size:var(--cds-global-typography-font-size-1, 0.6875rem);--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, 1rem);--padding:0 var(--cds-global-space-2, 0.125rem);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--border-color:var(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);white-space:nowrap;background:var(--background);color:var(--color);padding:var(--padding);text-align:center;font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:visited){color:var(--color)}:host([status=info]){--background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([status=success]){--background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([status=warning]){--background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([color=blue]){--background:var(--cds-global-color-blue-800, #00608a)}:host([color=purple]){--background:var(--cds-global-color-violet-500, #ac50d3)}:host([color=orange]){--background:var(--cds-global-color-tangerine-400, #ff8e3d);--color:var(--cds-global-color-black, black)}:host([color=light-blue]){--background:var(--cds-global-color-blue-300, #66d1ff);--color:var(--cds-global-color-black, black)}`;export default
|
|
1
|
+
import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--font-size:var(--cds-global-typography-font-size-1, 0.6875rem);--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, 1rem);--padding:0 var(--cds-global-space-2, 0.125rem);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--border-color:var(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);white-space:nowrap;background:var(--background);color:var(--color);padding:var(--padding);text-align:center;font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:visited){color:var(--color)}:host([status=info]){--background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([status=success]){--background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([status=warning]){--background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([color=blue]){--background:var(--cds-global-color-blue-800, #00608a)}:host([color=purple]){--background:var(--cds-global-color-violet-500, #ac50d3)}:host([color=orange]){--background:var(--cds-global-color-tangerine-400, #ff8e3d);--color:var(--cds-global-color-black, black)}:host([color=light-blue]){--background:var(--cds-global-color-blue-300, #66d1ff);--color:var(--cds-global-color-black, black)}`;export{o as default};
|
|
2
2
|
//# sourceMappingURL=badge.element.scss.js.map
|
|
@@ -22,8 +22,8 @@ import { LitElement } from 'lit';
|
|
|
22
22
|
export declare class CdsBreadcrumb extends LitElement {
|
|
23
23
|
private navItems;
|
|
24
24
|
private customSeparator;
|
|
25
|
-
role: string;
|
|
26
25
|
render(): import("lit-html").TemplateResult<1>;
|
|
26
|
+
connectedCallback(): void;
|
|
27
27
|
private get separator();
|
|
28
28
|
private assignSlots;
|
|
29
29
|
private get slotNames();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as s,html as r}from"lit";import{createId as e,baseStyles as o,state as a,querySlot as i}from"@cds/core/internal";import l from"./breadcrumb.element.scss.js";class n extends s{constructor(){super(...arguments)
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as s,html as r}from"lit";import{createId as e,baseStyles as o,state as a,querySlot as i}from"@cds/core/internal";import l from"./breadcrumb.element.scss.js";class n extends s{constructor(){super(...arguments);this.navItems=[]}render(){return r`<div class="private-host"><ol cds-layout="horizontal gap:xs align:vertical-center">${this.slotNames.map((t=>r`<li cds-layout="horizontal gap:xs align:vertical-center"><slot name="${t}"></slot><span part="separator" aria-hidden="true">${this.separator}</span></li>`))}</ol></div><slot @slotchange="${this.assignSlots}"></slot>`}connectedCallback(){super.connectedCallback(),this.role="navigation"}get separator(){if(this.customSeparator){const t=this.customSeparator.cloneNode(!0);return t.removeAttribute("slot"),t}return r`/`}assignSlots(){this.navItems=Array.from(this.children).filter((t=>"cds-separator"!==t.getAttribute("slot"))).map((t=>(t.setAttribute("slot",e()),t)))}get slotNames(){return this.navItems.map((t=>t.slot))}static get styles(){return[o,l]}}t([a({type:Array})],n.prototype,"navItems",void 0),t([i('[slot="cds-separator"]')],n.prototype,"customSeparator",void 0);export{n as CdsBreadcrumb};
|
|
2
2
|
//# sourceMappingURL=breadcrumb.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","
|
|
1
|
+
{"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","this","navItems","html","slotNames","map","slotName","separator","assignSlots","connectedCallback","role","customSeparator","separatorClone","cloneNode","removeAttribute","Array","from","children","filter","c","getAttribute","element","setAttribute","createId","slot","styles","baseStyles","__decorate","state","type","prototype","querySlot"],"mappings":"kNAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,SAAW,GAEpBH,SACI,OAAOI,CAAK,sFAGRF,KAAKG,UAAUC,KAAIC,GAAYH,CAAK,wEAElBG,uDAC8BL,KAAKM,0DAKvCN,KAAKO,uBAG3BT,oBACIC,MAAMS,oBACNR,KAAKS,KAAO,aAEhBH,gBACI,GAAIN,KAAKU,gBAAiB,CACtB,MAAMC,EAAiBX,KAAKU,gBAAgBE,WAAU,GAEtD,OADAD,EAAeE,gBAAgB,QACxBF,EAGP,OAAOT,CAAK,IAGpBJ,cACIE,KAAKC,SAAWa,MAAMC,KAAKf,KAAKgB,UAC3BC,QAAOC,GAAgC,kBAA3BA,EAAEC,aAAa,UAC3Bf,KAAIgB,IACLA,EAAQC,aAAa,OAAQC,KACtBF,KAGfjB,gBACI,OAAOH,KAAKC,SAASG,KAAIgB,GAAWA,EAAQG,OAEhDC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEC,KAAMd,SACflB,EAAciC,UAAW,gBAAY,GACxCH,EAAW,CACPI,EAAU,2BACXlC,EAAciC,UAAW,uBAAmB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var t=o`:host{--font-size:var(--cds-global-typography-caption-font-size, 0.6875rem);--font-weight:var(--cds-global-typography-caption-font-weight, 400);--letter-spacing:var(--cds-global-typography-caption-letter-spacing, 0.018182em);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));display:inline-block}.private-host{font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);white-space:nowrap;color:var(--color);font-size:var(--font-size)}ol{list-style-type:none;padding:0}li:last-child [part=separator]{display:none}`;export default
|
|
1
|
+
import{css as o}from"lit";var t=o`:host{--font-size:var(--cds-global-typography-caption-font-size, 0.6875rem);--font-weight:var(--cds-global-typography-caption-font-weight, 400);--letter-spacing:var(--cds-global-typography-caption-letter-spacing, 0.018182em);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));display:inline-block}.private-host{font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);white-space:nowrap;color:var(--color);font-size:var(--font-size)}ol{list-style-type:none;padding:0}li:last-child [part=separator]{display:none}`;export{t as default};
|
|
2
2
|
//# sourceMappingURL=breadcrumb.element.scss.js.map
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PropertyValues } from 'lit';
|
|
1
2
|
import { CdsBaseButton } from '@cds/core/internal';
|
|
2
3
|
export declare const enum ClrLoadingState {
|
|
3
4
|
default = "default",
|
|
@@ -62,12 +63,13 @@ export declare class CdsButton extends CdsBaseButton {
|
|
|
62
63
|
* - `success`: disables the button and shows a check mark inside the button; auto-triggers to change back to DEFAULT state after 1000 ms
|
|
63
64
|
* - `error`: shows the content of the button (in the context of application, this state is usually entered from a LOADING state. the application should show appropriate error message)
|
|
64
65
|
*/
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
loadingState: keyof typeof ClrLoadingState;
|
|
67
|
+
firstUpdated(props: PropertyValues<this>): void;
|
|
68
|
+
update(props: PropertyValues<this>): void;
|
|
68
69
|
private _disabled;
|
|
69
70
|
render(): import("lit-html").TemplateResult<1>;
|
|
70
71
|
static styles: import("lit").CSSResultGroup[];
|
|
72
|
+
isDefaultLoadingState(state: string): boolean;
|
|
71
73
|
private disableButton;
|
|
72
74
|
private enableButton;
|
|
73
75
|
}
|
package/button/button.element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{CdsBaseButton as
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as s}from"lit";import{CdsBaseButton as i,getElementWidth as e,baseStyles as a,property as o}from"@cds/core/internal";import d from"./button.element.scss.js";var r;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(r||(r={}));class l extends i{constructor(){super(...arguments);this.action="solid",this.status="primary",this.size="md",this.block=!1,this.loadingState=r.default,this._disabled=!1}firstUpdated(t){super.firstUpdated(t),this.isDefaultLoadingState(this.loadingState)||(this.disabled=!0)}update(t){t.has("loadingState")&&(this.isDefaultLoadingState(t.get("loadingState"))&&(this._disabled=this.disabled),void 0!==t.get("loadingState")&&(this.isDefaultLoadingState(this.loadingState)?this.enableButton():this.disableButton())),super.update(t)}render(){return s`<div class="private-host" cds-layout="horizontal gap:xs wrap:none align:center">${this.loadingState===r.success?s`<cds-icon shape="check" status="success" size="18"></cds-icon>`:""} ${this.loadingState===r.error?s`<cds-icon shape="error-standard" status="danger" size="18"></cds-icon>`:""} ${this.loadingState===r.loading?s`<cds-progress-circle .size="${"sm"===this.size?"12":"18"}" status="info"></cds-progress-circle>`:""} ${this.loadingState===r.default?s`<slot></slot>`:""}</div>`}isDefaultLoadingState(t){return t===r.default}disableButton(){this.style.width=e(this),this.disabled=!0}enableButton(){this.style.removeProperty("width"),this.disabled=this._disabled}}l.styles=[a,d],t([o({type:String})],l.prototype,"action",void 0),t([o({type:String})],l.prototype,"status",void 0),t([o({type:String})],l.prototype,"size",void 0),t([o({type:Boolean})],l.prototype,"block",void 0),t([o({type:String})],l.prototype,"loadingState",void 0);export{l as CdsButton,r as ClrLoadingState};
|
|
2
2
|
//# sourceMappingURL=button.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":null,"names":["ClrLoadingState","CdsButton","CdsBaseButton","[object Object]","super","
|
|
1
|
+
{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":null,"names":["ClrLoadingState","CdsButton","CdsBaseButton","[object Object]","super","this","action","status","size","block","loadingState","default","_disabled","props","firstUpdated","isDefaultLoadingState","disabled","has","get","undefined","enableButton","disableButton","update","html","success","error","loading","state","style","width","getElementWidth","removeProperty","styles","baseStyles","__decorate","property","type","String","prototype","Boolean"],"mappings":"4MASU,IAACA,GACX,SAAWA,GACPA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAuB,MAAI,QAJ/B,CAKGA,IAAoBA,EAAkB,KA8BlC,MAAMC,UAAkBC,EAC3BC,cACIC,oBAQAC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKG,KAAO,KAEZH,KAAKI,OAAQ,EAUbJ,KAAKK,aAAeV,EAAgBW,QACpCN,KAAKO,WAAY,EAErBT,aAAaU,GACTT,MAAMU,aAAaD,GACdR,KAAKU,sBAAsBV,KAAKK,gBACjCL,KAAKW,UAAW,GAGxBb,OAAOU,GACCA,EAAMI,IAAI,kBACNZ,KAAKU,sBAAsBF,EAAMK,IAAI,mBAErCb,KAAKO,UAAYP,KAAKW,eAEQG,IAA9BN,EAAMK,IAAI,kBACNb,KAAKU,sBAAsBV,KAAKK,cAChCL,KAAKe,eAGLf,KAAKgB,kBAIjBjB,MAAMkB,OAAOT,GAEjBV,SACI,OAAOoB,CAAK,mFACZlB,KAAKK,eAAiBV,EAAgBwB,QAChCD,CAAK,iEACL,MACNlB,KAAKK,eAAiBV,EAAgByB,MAChCF,CAAK,yEACL,MACNlB,KAAKK,eAAiBV,EAAgB0B,QAChCH,CAAK,+BAA4C,OAAdlB,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKK,eAAiBV,EAAgBW,QAAUY,CAAK,gBAAkB,WAG3EpB,sBAAsBwB,GAClB,OAAOA,IAAU3B,EAAgBW,QAErCR,gBACIE,KAAKuB,MAAMC,MAAQC,EAAgBzB,MACnCA,KAAKW,UAAW,EAEpBb,eACIE,KAAKuB,MAAMG,eAAe,SAC1B1B,KAAKW,SAAWX,KAAKO,WAG7BX,EAAU+B,OAAS,CAACC,EAAYD,GAChCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBpC,EAAUqC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBpC,EAAUqC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBpC,EAAUqC,UAAW,YAAQ,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBtC,EAAUqC,UAAW,aAAS,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBpC,EAAUqC,UAAW,oBAAgB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-typography-font-size-2, 0.75rem);--padding:calc(var(--cds-global-space-6, 0.75rem) - var(--border-width));--height:var(--cds-global-space-11, 2.25rem);--min-width:var(--cds-global-space-13, 4rem);--text-decoration:none;--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em;display:inline-block;height:var(--height)}.private-host,.private-host>span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);text-overflow:ellipsis;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:100%;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{-webkit-box-shadow:0 var(--cds-global-space-2,.125rem) 0 0 var(--box-shadow-color) inset;box-shadow:0 var(--cds-global-space-2,.125rem) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, 0.0625rem));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{-webkit-filter:brightness(90%);filter:brightness(90%)}:host([action=outline]) .private-host::after{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,.125rem)));width:calc(var(--font-size) + (2*var(--cds-global-space-2,.125rem)))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, 0.375rem) var(--cds-global-space-6, 0.75rem);--height:calc(var(--cds-global-space-9, 1.5rem) + var(--cds-global-space-1, 0.0625rem))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,.75rem);width:var(--cds-global-space-6,.75rem);min-height:var(--cds-global-space-6,.75rem);min-width:var(--cds-global-space-6,.75rem)}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{-webkit-filter:brightness(100%)!important;filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}:host([size=icon]){--padding:calc(var(--cds-global-space-6, 0.75rem) - var(--border-width)) calc(var(--cds-global-space-6, 0.75rem) - var(--cds-global-space-2, 0.125rem) - var(--border-width))}:host([size=icon]) .private-host{min-width:0}:host([size=sm]) .private-host{--letter-spacing:0.073em}:host([action*=flat]) ::slotted(cds-badge),:host([action=outline]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=success]) ::slotted(cds-badge),:host([action=outline][status=success]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=warning]) ::slotted(cds-badge),:host([action=outline][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--background:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=danger]) ::slotted(cds-badge),:host([action=outline][status=danger]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=neutral]) ::slotted(cds-badge),:host([action=outline][status=neutral]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host(:not([action=outline]):not([action*=flat])) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action=solid][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-global-color-construction-900, #21333b);--color:var(--cds-global-color-construction-900, #21333b)}:host([action*=flat][disabled]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--font-weight:var(--cds-global-typography-font-weight-semibold, 600)!important}:host([disabled]) ::slotted(cds-badge),:host([status=inverse]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled][action*=flat]) ::slotted(cds-badge),:host([disabled][action=outline]) ::slotted(cds-badge),:host([disabled][status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important}::slotted(span)::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}::slotted(span)::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}`;export default o;
|
|
1
|
+
import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-typography-font-size-2, 0.75rem);--padding:calc(var(--cds-global-space-6, 0.75rem) - var(--border-width));--height:var(--cds-global-space-11, 2.25rem);--min-width:var(--cds-global-space-13, 4rem);--text-decoration:none;--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em;display:inline-block;height:var(--height)}.private-host,.private-host>span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);text-overflow:ellipsis;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:100%;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{-webkit-box-shadow:0 var(--cds-global-space-2,.125rem) 0 0 var(--box-shadow-color) inset;box-shadow:0 var(--cds-global-space-2,.125rem) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, 0.0625rem));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{-webkit-filter:brightness(90%);filter:brightness(90%)}:host([action=outline]) .private-host::after{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,.125rem)));width:calc(var(--font-size) + (2*var(--cds-global-space-2,.125rem)))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, 0.375rem) var(--cds-global-space-6, 0.75rem);--height:calc(var(--cds-global-space-9, 1.5rem) + var(--cds-global-space-1, 0.0625rem))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,.75rem);width:var(--cds-global-space-6,.75rem);min-height:var(--cds-global-space-6,.75rem);min-width:var(--cds-global-space-6,.75rem)}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{-webkit-filter:brightness(100%)!important;filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}:host([size=icon]){--padding:calc(var(--cds-global-space-6, 0.75rem) - var(--border-width)) calc(var(--cds-global-space-6, 0.75rem) - var(--cds-global-space-2, 0.125rem) - var(--border-width))}:host([size=icon]) .private-host{min-width:0}:host([size=sm]) .private-host{--letter-spacing:0.073em}:host([action*=flat]) ::slotted(cds-badge),:host([action=outline]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=success]) ::slotted(cds-badge),:host([action=outline][status=success]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=warning]) ::slotted(cds-badge),:host([action=outline][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--background:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=danger]) ::slotted(cds-badge),:host([action=outline][status=danger]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=neutral]) ::slotted(cds-badge),:host([action=outline][status=neutral]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host(:not([action=outline]):not([action*=flat])) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action=solid][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-global-color-construction-900, #21333b);--color:var(--cds-global-color-construction-900, #21333b)}:host([action*=flat][disabled]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--font-weight:var(--cds-global-typography-font-weight-semibold, 600)!important}:host([disabled]) ::slotted(cds-badge),:host([status=inverse]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled][action*=flat]) ::slotted(cds-badge),:host([disabled][action=outline]) ::slotted(cds-badge),:host([disabled][status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important}::slotted(span)::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}::slotted(span)::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}`;export{o as default};
|
|
2
2
|
//# sourceMappingURL=button.element.scss.js.map
|
|
@@ -23,13 +23,5 @@ import { CdsButton } from './button.element.js';
|
|
|
23
23
|
* @cssprop --padding
|
|
24
24
|
*/
|
|
25
25
|
export declare class CdsIconButton extends CdsButton {
|
|
26
|
-
/**
|
|
27
|
-
* The aria-label attribute is required for accessibility. The cds-icon-button
|
|
28
|
-
* will warn if used without the aria-label being set.
|
|
29
|
-
*
|
|
30
|
-
* Ideally, the aria-label will be specific to the button's purpose. Avoid sharing
|
|
31
|
-
* generic labels across multiple icon buttons on a page.
|
|
32
|
-
*/
|
|
33
|
-
ariaLabel: string;
|
|
34
26
|
constructor();
|
|
35
27
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{CdsButton as t}from"./button.element.js";class e extends t{constructor(){super();this.size="icon"}}export{e as CdsIconButton};
|
|
2
2
|
//# sourceMappingURL=icon-button.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":null,"names":["CdsIconButton","CdsButton","[object Object]","super","this","size"
|
|
1
|
+
{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":null,"names":["CdsIconButton","CdsButton","[object Object]","super","this","size"],"mappings":"gDA6BO,MAAMA,UAAsBC,EAC/BC,cACIC,QACAC,KAAKC,KAAO"}
|
|
@@ -13,6 +13,7 @@ import { CdsBaseButton } from '@cds/core/internal';
|
|
|
13
13
|
* @beta
|
|
14
14
|
* @element cds-button-action
|
|
15
15
|
* @slot - For projecting text content or cds-icon
|
|
16
|
+
* @property pressed
|
|
16
17
|
* @cssprop --icon-width
|
|
17
18
|
* @cssprop --icon-height
|
|
18
19
|
* @cssprop --width
|
|
@@ -34,5 +35,5 @@ export declare class CdsButtonAction extends CdsBaseButton {
|
|
|
34
35
|
protected cdsButtonAction: boolean;
|
|
35
36
|
static styles: import("lit").CSSResultGroup[];
|
|
36
37
|
render(): import("lit-html").TemplateResult<1>;
|
|
37
|
-
updated(props: PropertyValues): void;
|
|
38
|
+
updated(props: PropertyValues<this>): void;
|
|
38
39
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{html as i}from"lit";import{CdsBaseButton as e,I18nService as s,LogService as o,baseStyles as r,property as a,i18n as n,state as d}from"@cds/core/internal";import p from"./button-action.element.scss.js";class c extends e{constructor(){super(...arguments)
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as i}from"lit";import{CdsBaseButton as e,I18nService as s,LogService as o,baseStyles as r,property as a,i18n as n,state as d}from"@cds/core/internal";import p from"./button-action.element.scss.js";class c extends e{constructor(){super(...arguments);this.i18n=s.keys.actions,this.cdsButtonAction=!0}render(){return i`<div class="private-host"><slot><cds-icon .shape="${this.shape?this.shape:"ellipsis-vertical"}" ?solid="${this.pressed}" inner-offset="${1}"></cds-icon></slot></div>`}updated(t){super.updated(t),this.ariaLabel||this.readonly||o.warn("A aria-label is required for interactive cds-button-action type",this),t.has("readonly")&&(this.readonly&&!this.hasAttribute("aria-label")?this.ariaHidden="true":this.ariaHidden=null)}}c.styles=[r,p],t([a({type:String})],c.prototype,"shape",void 0),t([a({type:String,reflect:!0})],c.prototype,"action",void 0),t([n()],c.prototype,"i18n",void 0),t([d({type:Boolean,reflect:!0,attribute:"cds-button-action"})],c.prototype,"cdsButtonAction",void 0);export{c as CdsButtonAction};
|
|
2
2
|
//# sourceMappingURL=button-action.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-action.element.js","sources":["../../../src/button-action/button-action.element.ts"],"sourcesContent":null,"names":["CdsButtonAction","CdsBaseButton","[object Object]","super","
|
|
1
|
+
{"version":3,"file":"button-action.element.js","sources":["../../../src/button-action/button-action.element.ts"],"sourcesContent":null,"names":["CdsButtonAction","CdsBaseButton","[object Object]","super","this","i18n","I18nService","keys","actions","cdsButtonAction","html","shape","pressed","props","updated","ariaLabel","readonly","LogService","warn","has","hasAttribute","ariaHidden","styles","baseStyles","__decorate","property","type","String","prototype","reflect","state","Boolean","attribute"],"mappings":"oPAmCO,MAAMA,UAAwBC,EACjCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,QAC7BJ,KAAKK,iBAAkB,EAE3BP,SACI,OAAOQ,CAAK,qDAICN,KAAKO,MAAQP,KAAKO,MAAQ,gCAC1BP,KAAKQ,0BACC,8BAMvBV,QAAQW,GACJV,MAAMW,QAAQD,GACTT,KAAKW,WAAcX,KAAKY,UACzBC,EAAWC,KAAK,kEAAmEd,MAEnFS,EAAMM,IAAI,cACVf,KAAKY,WAAaZ,KAAKgB,aAAa,cAAiBhB,KAAKiB,WAAa,OAAWjB,KAAKiB,WAAa,OAIhHrB,EAAgBsB,OAAS,CAACC,EAAYD,GACtCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB3B,EAAgB4B,UAAW,aAAS,GACvCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQE,SAAS,KACnC7B,EAAgB4B,UAAW,cAAU,GACxCJ,EAAW,CACPnB,KACDL,EAAgB4B,UAAW,YAAQ,GACtCJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,QAASF,SAAS,EAAMG,UAAW,uBAClDhC,EAAgB4B,UAAW,uBAAmB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var t=o`:host{--icon-width:var(--cds-global-space-7, 1rem);--icon-height:var(--cds-global-space-7, 1rem);--width:var(--icon-width);--height:var(--icon-width);--cursor:pointer;--color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--background:transparent;--padding:0;--outline:var(--cds-alias-object-interaction-outline, Highlight solid 2px);--outline-offset:calc(var(--cds-alias-object-interaction-outline-offset, 1px) * -1);pointer-events:none;display:inline-block;outline:0!important}:host([role=button]){pointer-events:initial;cursor:var(--cursor)!important}:host([status=active]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}::slotted([shape=close]),::slotted([shape=info-circle]),::slotted([shape=times]),:host([shape=close]),:host([shape=info-circle]){--icon-width:var(--cds-global-space-8, 1.125rem);--icon-height:var(--cds-global-space-8, 1.125rem)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}:host(:active) .private-host{-webkit-transform:translateY(calc(var(--cds-global-space-1,.0625rem)/ 2));transform:translateY(calc(var(--cds-global-space-1,.0625rem)/ 2))}:host([disabled]){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}.private-host{--icon-color:var(--color);background:var(--background);padding:var(--padding);color:var(--color);font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:var(--width);min-height:var(--height)}::slotted(cds-icon),cds-icon{width:var(--icon-width);height:var(--icon-height);pointer-events:none}::slotted(cds-icon:not([status])),cds-icon{--color:var(--icon-color)}:host([disabled]:active){pointer-events:none!important}.private-host::after{content:"";position:absolute;left:calc(-1*var(--width) - 1);top:calc(-1*var(--height) - 1);width:var(--cds-alias-object-interaction-touch-target,2.25rem);height:var(--cds-alias-object-interaction-touch-target,2.25rem)}:host([disabled]) .private-host::after{outline:0!important}:host(:focus) .private-host::after{outline:var(--outline);outline-offset:var(--outline-offset)}@media (-webkit-min-device-pixel-ratio:0){:host(:focus) .private-host::after{outline-color:-webkit-focus-ring-color}}`;export default
|
|
1
|
+
import{css as o}from"lit";var t=o`:host{--icon-width:var(--cds-global-space-7, 1rem);--icon-height:var(--cds-global-space-7, 1rem);--width:var(--icon-width);--height:var(--icon-width);--cursor:pointer;--color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--background:transparent;--padding:0;--outline:var(--cds-alias-object-interaction-outline, Highlight solid 2px);--outline-offset:calc(var(--cds-alias-object-interaction-outline-offset, 1px) * -1);pointer-events:none;display:inline-block;outline:0!important}:host([role=button]){pointer-events:initial;cursor:var(--cursor)!important}:host([status=active]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}::slotted([shape=close]),::slotted([shape=info-circle]),::slotted([shape=times]),:host([shape=close]),:host([shape=info-circle]){--icon-width:var(--cds-global-space-8, 1.125rem);--icon-height:var(--cds-global-space-8, 1.125rem)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}:host(:active) .private-host{-webkit-transform:translateY(calc(var(--cds-global-space-1,.0625rem)/ 2));transform:translateY(calc(var(--cds-global-space-1,.0625rem)/ 2))}:host([disabled]){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}.private-host{--icon-color:var(--color);background:var(--background);padding:var(--padding);color:var(--color);font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:var(--width);min-height:var(--height)}::slotted(cds-icon),cds-icon{width:var(--icon-width);height:var(--icon-height);pointer-events:none}::slotted(cds-icon:not([status])),cds-icon{--color:var(--icon-color)}:host([disabled]:active){pointer-events:none!important}.private-host::after{content:"";position:absolute;left:calc(-1*var(--width) - 1);top:calc(-1*var(--height) - 1);width:var(--cds-alias-object-interaction-touch-target,2.25rem);height:var(--cds-alias-object-interaction-touch-target,2.25rem)}:host([disabled]) .private-host::after{outline:0!important}:host(:focus) .private-host::after{outline:var(--outline);outline-offset:var(--outline-offset)}@media (-webkit-min-device-pixel-ratio:0){:host(:focus) .private-host::after{outline-color:-webkit-focus-ring-color}}`;export{t as default};
|
|
2
2
|
//# sourceMappingURL=button-action.element.scss.js.map
|