@cds/core 5.5.7 → 5.6.2
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/_virtual/_virtual_library-entry-points +1 -1
- package/accordion/accordion-content.element.scss.js +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- 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/alert/alert-group.element.d.ts +4 -7
- 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 +2 -2
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.element.d.ts +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/button/button.element.d.ts +1 -1
- 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 +1 -1
- package/button/icon-button.element.js +1 -1
- package/button/icon-button.element.js.map +1 -1
- 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/custom-elements.json +20975 -18000
- package/custom-elements.legacy.json +222 -78
- package/forms/control/control.element.d.ts +6 -4
- 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-group/control-group.element.d.ts +3 -2
- 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 +1 -0
- 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.scss.js +1 -1
- package/forms/control-message/control-message.element.d.ts +1 -1
- package/forms/control-message/control-message.element.scss.js +1 -1
- package/forms/form-group/form-group.element.d.ts +2 -2
- package/forms/utils/index.d.ts +2 -1
- package/forms/utils/index.js +1 -1
- package/forms/utils/index.js.map +1 -1
- package/global.css +5 -0
- package/global.min.css +1 -1
- package/icon/icon.element.d.ts +5 -5
- package/icon/icon.element.scss.js +1 -1
- package/icon/utils/icon.classnames.d.ts +1 -0
- package/icon/utils/icon.classnames.js +1 -1
- package/icon/utils/icon.classnames.js.map +1 -1
- package/input/input.element.scss.js +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/base/button.base.d.ts +0 -2
- package/internal/base/button.base.js +1 -1
- package/internal/base/button.base.js.map +1 -1
- package/internal/decorators/property.js +1 -1
- package/internal/decorators/property.js.map +1 -1
- package/internal/index.d.ts +3 -0
- package/internal/index.js +1 -1
- package/internal/index.js.map +1 -1
- package/internal/services/i18n.service.d.ts +8 -0
- package/internal/services/i18n.service.js +1 -1
- package/internal/services/i18n.service.js.map +1 -1
- package/internal/utils/color.d.ts +2 -0
- package/internal/utils/color.js +2 -0
- package/internal/utils/color.js.map +1 -0
- package/internal/utils/css.d.ts +1 -0
- package/internal/utils/css.js +1 -1
- package/internal/utils/css.js.map +1 -1
- package/internal/utils/exists.d.ts +1 -3
- package/internal/utils/exists.js.map +1 -1
- package/internal/utils/global.js +1 -1
- package/internal/utils/string.d.ts +1 -0
- package/internal/utils/string.js +1 -1
- package/internal/utils/string.js.map +1 -1
- package/internal-components/overlay/overlay.element.d.ts +2 -4
- package/internal-components/overlay/overlay.element.js.map +1 -1
- package/modal/modal-content.element.d.ts +2 -4
- package/modal/modal-content.element.js.map +1 -1
- package/navigation/navigation-item.element.d.ts +1 -1
- package/navigation/navigation-item.element.js +1 -1
- package/navigation/navigation-item.element.js.map +1 -1
- package/navigation/navigation-item.element.scss.js +2 -2
- package/navigation/navigation-start.element.d.ts +1 -2
- package/navigation/navigation-start.element.js +1 -1
- package/navigation/navigation-start.element.js.map +1 -1
- package/navigation/navigation.element.d.ts +2 -6
- package/navigation/navigation.element.js +1 -3
- package/navigation/navigation.element.js.map +1 -1
- package/navigation/navigation.element.scss.js +1 -1
- package/package.json +20 -2
- package/password/password.element.d.ts +0 -1
- package/password/password.element.js +1 -1
- package/password/password.element.js.map +1 -1
- package/polyfills/aria-reflect.d.ts +45 -0
- package/polyfills/aria-reflect.js +2 -0
- package/polyfills/aria-reflect.js.map +1 -0
- package/polyfills/index.d.ts +1 -0
- package/polyfills/index.js +2 -0
- package/polyfills/index.js.map +1 -0
- package/progress-circle/progress-circle.element.d.ts +26 -3
- package/progress-circle/progress-circle.element.js +1 -1
- package/progress-circle/progress-circle.element.js.map +1 -1
- package/progress-circle/progress-circle.utils.d.ts +6 -0
- package/progress-circle/progress-circle.utils.js +2 -0
- package/progress-circle/progress-circle.utils.js.map +1 -0
- package/radio/radio-group.element.js +1 -1
- package/radio/radio-group.element.js.map +1 -1
- package/radio/radio.element.scss.js +1 -1
- package/select/register.js +1 -1
- package/select/register.js.map +1 -1
- package/select/select.element.d.ts +1 -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.d.ts +35 -0
- package/selection-panels/checkbox/checkbox-panel.element.js +2 -0
- package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -0
- package/selection-panels/checkbox/index.d.ts +1 -0
- package/selection-panels/checkbox/index.js +2 -0
- package/selection-panels/checkbox/index.js.map +1 -0
- package/selection-panels/checkbox/register.d.ts +6 -0
- package/selection-panels/checkbox/register.js +2 -0
- package/selection-panels/checkbox/register.js.map +1 -0
- package/selection-panels/radio/index.d.ts +1 -0
- package/selection-panels/radio/index.js +2 -0
- package/selection-panels/radio/index.js.map +1 -0
- package/selection-panels/radio/radio-panel.element.d.ts +35 -0
- package/selection-panels/radio/radio-panel.element.js +2 -0
- package/selection-panels/radio/radio-panel.element.js.map +1 -0
- package/selection-panels/radio/register.d.ts +6 -0
- package/selection-panels/radio/register.js +2 -0
- package/selection-panels/radio/register.js.map +1 -0
- package/selection-panels/shared/selection-panel.element.scss.js +6 -0
- package/selection-panels/shared/selection-panel.element.scss.js.map +1 -0
- package/selection-panels/shared/selection-panel.interfaces.d.ts +1 -0
- package/styles/module.tokens.css +5 -0
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +1 -0
- package/styles/theme.dark.min.css +1 -1
- package/tag/tag.element.d.ts +1 -1
- package/tag/tag.element.scss.js +1 -1
- package/test/index.js +1 -1
- package/test/utils.d.ts +2 -0
- package/test/utils.js +1 -1
- package/test/utils.js.map +1 -1
- package/textarea/textarea.element.scss.js +1 -1
- package/toggle/toggle.element.scss.js +1 -1
- package/tokens/tokens.android.xml +5 -0
- package/tokens/tokens.d.ts +5 -0
- package/tokens/tokens.ios.swift +5 -0
- package/tokens/tokens.js +5 -0
- package/tokens/tokens.json +20 -0
- package/tokens/tokens.scss +5 -0
- package/tree-view/tree-item.element.d.ts +1 -5
- 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.d.ts +0 -4
- package/tree-view/tree.element.js +1 -1
- package/tree-view/tree.element.js.map +1 -1
- package/accordion/accordion-content.element.css.d.ts +0 -1
- package/accordion/accordion-header.element.css.d.ts +0 -1
- package/accordion/accordion-panel.element.css.d.ts +0 -1
- package/accordion/accordion.element.css.d.ts +0 -1
- package/alert/alert-actions.element.css.d.ts +0 -1
- package/alert/alert-group.element.css.d.ts +0 -1
- package/alert/alert.element.css.d.ts +0 -1
- package/badge/badge.element.css.d.ts +0 -1
- package/button/base-button.element.css.d.ts +0 -1
- package/button/base-button.element.scss.js +0 -2
- package/button/base-button.element.scss.js.map +0 -1
- package/button/button.element.css.d.ts +0 -1
- package/button/icon-button.element.css.d.ts +0 -1
- package/button/inline-button.element.css.d.ts +0 -1
- package/checkbox/checkbox.element.css.d.ts +0 -1
- package/datalist/datalist-global.element.css.d.ts +0 -1
- package/date/date.global.css.d.ts +0 -1
- package/divider/divider.element.css.d.ts +0 -1
- package/file/file.element.css.d.ts +0 -1
- package/forms/control/control.element.css.d.ts +0 -1
- package/forms/control-action/control-action.element.css.d.ts +0 -1
- package/forms/control-group/control-group.element.css.d.ts +0 -1
- package/forms/control-inline/control-inline.element.css.d.ts +0 -1
- package/forms/control-label/control-label.element.css.d.ts +0 -1
- package/forms/control-message/control-message.element.css.d.ts +0 -1
- package/forms/form-group/form-group.element.css.d.ts +0 -1
- package/icon/icon.element.css.d.ts +0 -1
- package/input/input-group.element.css.d.ts +0 -1
- package/input/input.element.css.d.ts +0 -1
- package/internal/base/base.element.css.d.ts +0 -1
- package/internal-components/close-button/close-button.element.css.d.ts +0 -1
- package/internal-components/overlay/overlay.element.css.d.ts +0 -1
- package/modal/modal.element.css.d.ts +0 -1
- package/navigation/navigation-start.element.scss.js +0 -6
- package/navigation/navigation-start.element.scss.js.map +0 -1
- package/progress-circle/progress-circle.element.css.d.ts +0 -1
- package/radio/radio.element.css.d.ts +0 -1
- package/range/range.element.css.d.ts +0 -1
- package/range/range.global.css.d.ts +0 -1
- package/search/search.global.css.d.ts +0 -1
- package/select/select.element.css.d.ts +0 -1
- package/select/select.global.css.d.ts +0 -1
- package/tag/tag.element.css.d.ts +0 -1
- package/test-dropdown/test-dropdown.element.css.d.ts +0 -1
- package/textarea/textarea.element.css.d.ts +0 -1
- package/time/time.global.css.d.ts +0 -1
- package/toggle/toggle.element.css.d.ts +0 -1
|
@@ -40,10 +40,8 @@ export declare class CdsInternalOverlay extends CdsBaseFocusTrap implements Anim
|
|
|
40
40
|
cdsMotionChange: EventEmitter<string>;
|
|
41
41
|
ariaModal: string;
|
|
42
42
|
role: string;
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
mode: ShadowRootMode;
|
|
46
|
-
};
|
|
43
|
+
/** @private */
|
|
44
|
+
static get shadowRootOptions(): any;
|
|
47
45
|
private overlayIdPrefix;
|
|
48
46
|
protected closeChange: EventEmitter<CloseChangeSources>;
|
|
49
47
|
protected isLayered: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.element.js","sources":["../../../../src/internal-components/overlay/overlay.element.ts"],"sourcesContent":null,"names":["isNestedOverlay","myId","overlayPrefix","trapIds","previousValue","overlayIds","filter","id","indexOf","overlayIsActive","overlayId","focusTrapService","FocusTrapTrackerService","_a","getCurrent","focusTrapId","CdsInternalOverlay","CdsBaseFocusTrap","[object Object]","super","this","cdsMotion","ariaModal","role","overlayIdPrefix","isLayered","fireEventOnBackdropClick","closeOverlay","fireEventOnEscape","e","onKey","createId","shadowRootOptions","delegatesFocus","props","firstUpdated","backdrop","addEventListener","updated","oldLayered","newLayered","getTrapElements","map","requestUpdate","connectedCallback","window","disconnectedCallback","removeEventListener","trigger","closeChange","emit","backdropTemplate","html","styles","baseStyles","__decorate","property","type","String","prototype","event","state","Boolean","query","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"uXAUO,SAASA,EAAgBC,EAAMC,EAAeC,EAASC,GAC1D,MAAMC,EAAaF,EAAQG,QAAOC,GAAMA,EAAGC,QAAQN,IAAkB,IACrE,OAAsB,IAAlBE,GAA0BD,EAAQK,QAAQP,GAAQ,GAK/CI,EAAWG,QAAQP,GAAQ,EAE/B,SAASQ,EAAgBC,EAAWC,EAAmBC,GAC1D,IAAIC,EACJ,OAAiD,QAAxCA,EAAKF,EAAiBG,oBAAiC,IAAPD,OAAgB,EAASA,EAAGE,eAAiBL,EAmCvG,IAACM,EAAqB,cAAiCC,EACtDC,cACIC,QACAC,KAAKC,UAAY,KACjBD,KAAKE,UAAY,OACjBF,KAAKG,KAAO,SACZH,KAAKI,gBAAkB,YACvBJ,KAAKK,WAAY,EACjBL,KAAKM,yBAA2B,KACxBjB,EAAgBW,KAAKL,cACrBK,KAAKO,aAAa,mBAG1BP,KAAKQ,kBAAqBC,IAClBpB,EAAgBW,KAAKL,cACrBe,EAAM,SAAUD,GAAG,KACfT,KAAKO,aAAa,uBAK9BP,KAAKL,YAAcgB,EAASX,KAAKI,
|
|
1
|
+
{"version":3,"file":"overlay.element.js","sources":["../../../../src/internal-components/overlay/overlay.element.ts"],"sourcesContent":null,"names":["isNestedOverlay","myId","overlayPrefix","trapIds","previousValue","overlayIds","filter","id","indexOf","overlayIsActive","overlayId","focusTrapService","FocusTrapTrackerService","_a","getCurrent","focusTrapId","CdsInternalOverlay","CdsBaseFocusTrap","[object Object]","super","this","cdsMotion","ariaModal","role","overlayIdPrefix","isLayered","fireEventOnBackdropClick","closeOverlay","fireEventOnEscape","e","onKey","createId","shadowRootOptions","delegatesFocus","props","firstUpdated","backdrop","addEventListener","updated","oldLayered","newLayered","getTrapElements","map","requestUpdate","connectedCallback","window","disconnectedCallback","removeEventListener","trigger","closeChange","emit","backdropTemplate","html","styles","baseStyles","__decorate","property","type","String","prototype","event","state","Boolean","query","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"uXAUO,SAASA,EAAgBC,EAAMC,EAAeC,EAASC,GAC1D,MAAMC,EAAaF,EAAQG,QAAOC,GAAMA,EAAGC,QAAQN,IAAkB,IACrE,OAAsB,IAAlBE,GAA0BD,EAAQK,QAAQP,GAAQ,GAK/CI,EAAWG,QAAQP,GAAQ,EAE/B,SAASQ,EAAgBC,EAAWC,EAAmBC,GAC1D,IAAIC,EACJ,OAAiD,QAAxCA,EAAKF,EAAiBG,oBAAiC,IAAPD,OAAgB,EAASA,EAAGE,eAAiBL,EAmCvG,IAACM,EAAqB,cAAiCC,EACtDC,cACIC,QACAC,KAAKC,UAAY,KACjBD,KAAKE,UAAY,OACjBF,KAAKG,KAAO,SACZH,KAAKI,gBAAkB,YACvBJ,KAAKK,WAAY,EACjBL,KAAKM,yBAA2B,KACxBjB,EAAgBW,KAAKL,cACrBK,KAAKO,aAAa,mBAG1BP,KAAKQ,kBAAqBC,IAClBpB,EAAgBW,KAAKL,cACrBe,EAAM,SAAUD,GAAG,KACfT,KAAKO,aAAa,uBAK9BP,KAAKL,YAAcgB,EAASX,KAAKI,iBAKrCQ,+BAEI,MAAO,IAAKb,MAAMa,kBAAmBC,gBAAgB,GAEzDf,aAAagB,GACTf,MAAMgB,aAAaD,GACnBd,KAAKgB,SAASC,iBAAiB,QAASjB,KAAKM,0BAEjDR,QAAQgB,GACJf,MAAMmB,QAAQJ,GACd,MAAMK,EAAanB,KAAKK,UAClBe,EAAaxC,EAAgBoB,KAAKL,YAAaK,KAAKI,gBAAiBZ,EAAwB6B,kBAAkBC,KAAIb,GAAKA,EAAEd,cAAcwB,GAC1IA,IAAeC,IACfpB,KAAKK,UAAYe,EACjBpB,KAAKuB,cAAc,YAAaJ,IAGxCrB,oBACIC,MAAMyB,oBACNC,OAAOR,iBAAiB,UAAWjB,KAAKQ,mBAE5CV,uBACIC,MAAM2B,uBACND,OAAOE,oBAAoB,UAAW3B,KAAKQ,mBAC3CR,KAAKgB,SAASW,oBAAoB,QAAS3B,KAAKM,0BAEpDR,aAAa8B,EAAU,UACnB5B,KAAK6B,YAAYC,KAAKF,GAE1BG,uBACI,OAAOC,CAAK,eACLhC,KAAKK,UAAY,2BAA6B,gDAIzDP,SACI,OAAOkC,CAAK,GACZhC,KAAK+B,8GAMTE,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,uBAAmB,GACpDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,YAAQ,GACzCJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,mBAAe,GAChDJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,WACf9C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPQ,EAAM,sBACP/C,EAAmB2C,UAAW,gBAAY,GAC7C3C,EAAqBuC,EAAW,CAC5BS,EAAQ,CACJC,OAAQ,CACJC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBpD"}
|
|
@@ -23,10 +23,8 @@ import { LitElement } from 'lit';
|
|
|
23
23
|
* @element cds-modal-content
|
|
24
24
|
*/
|
|
25
25
|
export declare class CdsModalContent extends LitElement {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
mode: ShadowRootMode;
|
|
29
|
-
};
|
|
26
|
+
/** @private */
|
|
27
|
+
static get shadowRootOptions(): any;
|
|
30
28
|
protected tabIndexAttr: number;
|
|
31
29
|
render(): import("lit-html").TemplateResult<1>;
|
|
32
30
|
static get styles(): import("lit").CSSResultGroup[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.element.js","sources":["../../../src/modal/modal-content.element.ts"],"sourcesContent":null,"names":["CdsModalContent","LitElement","[object Object]","super","arguments","this","tabIndexAttr","shadowRootOptions","delegatesFocus","hasAttribute","html","styles","baseStyles","__decorate","state","type","Number","attribute","reflect","prototype"],"mappings":"yIA+BO,MAAMA,UAAwBC,EACjCC,cACIC,SAASC,WACTC,KAAKC,aAAe,
|
|
1
|
+
{"version":3,"file":"modal-content.element.js","sources":["../../../src/modal/modal-content.element.ts"],"sourcesContent":null,"names":["CdsModalContent","LitElement","[object Object]","super","arguments","this","tabIndexAttr","shadowRootOptions","delegatesFocus","hasAttribute","html","styles","baseStyles","__decorate","state","type","Number","attribute","reflect","prototype"],"mappings":"yIA+BO,MAAMA,UAAwBC,EACjCC,cACIC,SAASC,WACTC,KAAKC,aAAe,EAMxBC,+BAEI,MAAO,IAAKJ,MAAMI,kBAAmBC,gBAAgB,GAEzDN,SACI,OAAOG,KAAKI,aAAa,cACnBC,CAAK,gBACLA,CAAK,+DAEfC,oBACI,MAAO,CAACC,IAGhBC,EAAW,CACPC,EAAM,CAAEC,KAAMC,OAAQC,UAAW,WAAYC,SAAS,KACvDlB,EAAgBmB,UAAW,oBAAgB"}
|
|
@@ -26,7 +26,6 @@ export declare class CdsNavigationItem extends LitElement implements FocusableIt
|
|
|
26
26
|
};
|
|
27
27
|
active: boolean;
|
|
28
28
|
disabled: boolean;
|
|
29
|
-
role: string;
|
|
30
29
|
expanded: boolean;
|
|
31
30
|
protected expandedGroup: boolean;
|
|
32
31
|
groupItem: boolean;
|
|
@@ -34,6 +33,7 @@ export declare class CdsNavigationItem extends LitElement implements FocusableIt
|
|
|
34
33
|
focusElement: HTMLElement;
|
|
35
34
|
protected itemIcon: CdsIcon;
|
|
36
35
|
itemText: NodeListOf<HTMLSpanElement>;
|
|
36
|
+
role: string;
|
|
37
37
|
connectedCallback(): void;
|
|
38
38
|
firstUpdated(props: PropertyValues): void;
|
|
39
39
|
private handleItemAnchorText;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as d,i18n as n,property as p,state as a,querySlot as l,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{manageScreenReaderElements as m,NAVIGATION_TEXT_WRAPPER as u}from"./utils/index.js";const v="cds-navigation-item";class y extends e{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.active=!1,this.disabled=!1,this.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1,this.role="listitem"}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){super.firstUpdated(t),this.handleItemAnchorText(),m(this,this.expanded)}handleItemAnchorText(){var t;const e=this.querySelector("a");e&&(r(e.childNodes),null===(t=null==e?void 0:e.querySelector("span"))||void 0===t||t.setAttribute(u,""))}render(){return o`<div class="private-host ${this.groupItem?"group-item":""}" cds-layout="horizontal align:horizontal-stretch wrap:none gap:md"><slot @slotchange="${this.handleItemAnchorText}"></slot></div>`}static get styles(){return[d,h]}updated(t){super.updated(t),m(this,this.expanded)}}t([n()],y.prototype,"i18n",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([a({type:Boolean})],y.prototype,"expanded",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"expandedGroup",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"groupItem",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([l("a")],y.prototype,"focusElement",void 0),t([l("cds-icon",{assign:"cds-icon-slot"})],y.prototype,"itemIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationItem,v as CdsNavigationItemTagName};
|
|
2
2
|
//# sourceMappingURL=navigation-item.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-item.element.js","sources":["../../../src/navigation/navigation-item.element.ts"],"sourcesContent":null,"names":["CdsNavigationItemTagName","CdsNavigationItem","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","active","disabled","
|
|
1
|
+
{"version":3,"file":"navigation-item.element.js","sources":["../../../src/navigation/navigation-item.element.ts"],"sourcesContent":null,"names":["CdsNavigationItemTagName","CdsNavigationItem","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","active","disabled","expanded","expandedGroup","hasFocus","role","connectedCallback","id","createId","props","firstUpdated","handleItemAnchorText","manageScreenReaderElements","_a","anchorElement","querySelector","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","groupItem","styles","baseStyles","updated","__decorate","prototype","property","type","Boolean","reflect","state","querySlot","assign","querySlotAll"],"mappings":"8XAUY,MAACA,EAA2B,sBAmBjC,MAAMC,UAA0BC,EACnCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,WAC7BJ,KAAKK,QAAS,EACdL,KAAKM,UAAW,EAChBN,KAAKO,UAAW,EAChBP,KAAKQ,eAAgB,EACrBR,KAAKS,UAAW,EAChBT,KAAKU,KAAO,WAEhBb,oBACIC,MAAMa,oBACDX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACThB,MAAMiB,aAAaD,GACnBd,KAAKgB,uBACLC,EAA2BjB,KAAMA,KAAKO,UAE1CV,uBACI,IAAIqB,EACJ,MAAMC,EAAgBnB,KAAKoB,cAAc,KACrCD,IACAE,EAAYF,EAAcG,YACmF,QAA5GJ,EAAKC,MAAAA,OAAqD,EAASA,EAAcC,cAAc,eAA4B,IAAPF,GAAyBA,EAAGK,aAAaC,EAAyB,KAG/L3B,SACI,OAAO4B,CAAK,4BAEUzB,KAAK0B,UAAY,aAAe,4FAGlC1B,KAAKgB,sCAI7BW,oBACI,MAAO,CAACC,EAAYD,GAExB9B,QAAQiB,GACJhB,MAAM+B,QAAQf,GACdG,EAA2BjB,KAAMA,KAAKO,WAG9CuB,EAAW,CACP7B,KACDN,EAAkBoC,UAAW,YAAQ,GACxCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,cAAU,GAC1CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,WACfvC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,qBAAiB,GACjDD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,iBAAa,GAC7CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPO,EAAU,MACX1C,EAAkBoC,UAAW,oBAAgB,GAChDD,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,mBACjC3C,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPS,EAAa,6BACd5C,EAAkBoC,UAAW,gBAAY"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{css as o}from"lit";var
|
|
1
|
+
import{css as o}from"lit";var a=o`/*!
|
|
2
2
|
* Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
|
|
3
3
|
* This software is released under MIT license.
|
|
4
4
|
* The full license information can be found in LICENSE in the root directory of this project.
|
|
5
|
-
*/:host{--color:
|
|
5
|
+
*/:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--line-height:var(--cds-alias-object-interaction-touch-target, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem));--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem))}.private-host{min-height:var(--line-height);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--line-height);width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:var(--color);background:var(--background);border:0;cursor:var(--cursor);padding:var(--padding)}:host(:hover),:host([_has-focus]){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:hover){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2)}@media (-webkit-min-device-pixel-ratio:0){:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([_active]:not([_expanded])),:host([active]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([_active]:not([_expanded])) .private-host,:host([active]) .private-host{box-shadow:inset var(--cds-alias-object-border-width-300,calc((3 / var(--cds-global-base,20)) * 1rem)) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host(:active),:host(:active:focus){--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))}:host([selected]){--color:var(--cds-alias-object-interaction-color-selected, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]),:host([disabled]:hover){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white));--cursor:not-allowed}::slotted([role=button]),::slotted(a),::slotted(button),button{line-height:var(--line-height);min-height:var(--line-height);cursor:var(--cursor);text-decoration:none!important;padding:0;outline:0;background:0 0;border:0;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;align-items:center;gap:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}`;export default a;
|
|
6
6
|
//# sourceMappingURL=navigation-item.element.scss.js.map
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { LitElement, PropertyValues } from 'lit';
|
|
2
|
-
import { Directions } from '@cds/core/internal';
|
|
3
2
|
import { CdsIcon } from '@cds/core/icon/icon.element.js';
|
|
4
3
|
import { FocusableItem, NavigationFocusState } from './interfaces/navigation.interfaces.js';
|
|
5
4
|
export declare const CdsNavigationStartTagName = "cds-navigation-start";
|
|
@@ -73,6 +72,6 @@ export declare class CdsNavigationStart extends LitElement implements FocusableI
|
|
|
73
72
|
private renderGroupStart;
|
|
74
73
|
render(): import("lit-html").TemplateResult<1>;
|
|
75
74
|
static get styles(): import("lit").CSSResultGroup[];
|
|
76
|
-
get toggleIconDirection()
|
|
75
|
+
private get toggleIconDirection();
|
|
77
76
|
updated(props: PropertyValues): void;
|
|
78
77
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{I18nService as i,createId as s,spanWrapper as n,baseStyles as a,i18n as r,property as d,state as l,querySlot as p,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{I18nService as i,createId as s,spanWrapper as n,baseStyles as a,i18n as r,property as d,state as l,querySlot as p,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{NAVIGATION_TEXT_WRAPPER as u,getToggleIconDirection as g,manageScreenReaderElements as v}from"./utils/index.js";const y="cds-navigation-start";class x extends o{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.expandedRoot=!1,this.hasFocus=!1,this.isGroupStart=!1,this.role="listitem",this.active=!1,this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){var o;super.firstUpdated(t);const e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("button");e&&(this.focusElement=e),this.handleStartButtonText()}handleStartButtonText(){var t;n(this.childNodes),null===(t=this.querySelector("span"))||void 0===t||t.setAttribute(u,"")}renderRootStart(){return e`<slot @slotchange="${this.handleStartButtonText}"></slot><button aria-pressed="${this.expandedRoot}" aria-label="${this.expandedRoot?this.i18n.navigationUnabridgedText:this.i18n.navigationAbridgedText}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal align:vertical-center"><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}renderGroupStart(){return e`<button aria-expanded="${this.expanded}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal wrap:none align:vertical-center gap:md"><slot @slotchange="${this.handleStartButtonText}"></slot><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}render(){return e`<div class="private-host" cds-layout="horizontal align:vertical-center align:horizontal-stretch">${this.isGroupStart?this.renderGroupStart():this.renderRootStart()}</div>`}static get styles(){return[a,h]}get toggleIconDirection(){return g(this)}updated(t){super.updated(t),v(this,this.expandedRoot)}}t([r()],x.prototype,"i18n",void 0),t([d({type:Boolean})],x.prototype,"expandedRoot",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"hasFocus",void 0),t([d({type:Boolean,reflect:!0})],x.prototype,"isGroupStart",void 0),t([d({type:String,reflect:!0})],x.prototype,"role",void 0),t([d({type:String})],x.prototype,"navigationGroupId",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"expanded",void 0),t([p("[cds-navigation-start-icon]",{assign:"cds-icon-slot"})],x.prototype,"startIcon",void 0),t([c("[cds-navigation-sr-text]")],x.prototype,"itemText",void 0);export{x as CdsNavigationStart,y as CdsNavigationStartTagName};
|
|
2
2
|
//# sourceMappingURL=navigation-start.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-start.element.js","sources":["../../../src/navigation/navigation-start.element.ts"],"sourcesContent":null,"names":["CdsNavigationStartTagName","CdsNavigationStart","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","expandedRoot","hasFocus","isGroupStart","role","active","expanded","connectedCallback","id","createId","props","_a","firstUpdated","button","shadowRoot","querySelector","focusElement","handleStartButtonText","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","navigationUnabridgedText","navigationAbridgedText","navigationGroupId","startIcon","toggleIconDirection","renderGroupStart","renderRootStart","styles","baseStyles","getToggleIconDirection","updated","manageScreenReaderElements","__decorate","prototype","property","type","Boolean","state","reflect","String","querySlot","assign","querySlotAll"],"mappings":"
|
|
1
|
+
{"version":3,"file":"navigation-start.element.js","sources":["../../../src/navigation/navigation-start.element.ts"],"sourcesContent":null,"names":["CdsNavigationStartTagName","CdsNavigationStart","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","expandedRoot","hasFocus","isGroupStart","role","active","expanded","connectedCallback","id","createId","props","_a","firstUpdated","button","shadowRoot","querySelector","focusElement","handleStartButtonText","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","navigationUnabridgedText","navigationAbridgedText","navigationGroupId","startIcon","toggleIconDirection","renderGroupStart","renderRootStart","styles","baseStyles","itemStyles","getToggleIconDirection","updated","manageScreenReaderElements","__decorate","prototype","property","type","Boolean","state","reflect","String","querySlot","assign","querySlotAll"],"mappings":"0ZAUY,MAACA,EAA4B,uBAoBlC,MAAMC,UAA2BC,EACpCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,WAK7BJ,KAAKK,cAAe,EAKpBL,KAAKM,UAAW,EAKhBN,KAAKO,cAAe,EACpBP,KAAKQ,KAAO,WAMZR,KAAKS,QAAS,EAOdT,KAAKU,UAAW,EAEpBb,oBACIC,MAAMa,oBACDX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACT,IAAIC,EACJjB,MAAMkB,aAAaF,GACnB,MAAMG,EAAoC,QAA1BF,EAAKf,KAAKkB,kBAA+B,IAAPH,OAAgB,EAASA,EAAGI,cAAc,UACxFF,IACAjB,KAAKoB,aAAeH,GAExBjB,KAAKqB,wBAETxB,wBACI,IAAIkB,EACJO,EAAYtB,KAAKuB,YAEqB,QAArCR,EAAKf,KAAKmB,cAAc,eAA4B,IAAPJ,GAAyBA,EAAGS,aAAaC,EAAyB,IAEpH5B,kBACI,OAAO6B,CAAK,sBACM1B,KAAKqB,uDAEPrB,KAAKK,6BACPL,KAAKK,aAAeL,KAAKC,KAAK0B,yBAA2B3B,KAAKC,KAAK2B,+BAC3E5B,KAAKO,aAAeP,KAAK6B,kBAAoB,4GAIX7B,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK8B,UACP,GACAJ,CAAK,oBACU1B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK+B,kEASlClC,mBACI,OAAO6B,CAAK,0BACW1B,KAAKU,iBAAiBV,KAAKO,aAAeP,KAAK6B,kBAAoB,4GAEpE7B,KAAKqB,qEACarB,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK8B,UACP,GACAJ,CAAK,oBACU1B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK+B,kEASlClC,SACI,OAAO6B,CAAK,oGAEV1B,KAAKO,aAAeP,KAAKgC,mBAAqBhC,KAAKiC,0BAIzDC,oBACI,MAAO,CAACC,EAAYC,GAExBL,0BACI,OAAOM,EAAuBrC,MAElCH,QAAQiB,GACJhB,MAAMwC,QAAQxB,GACdyB,EAA2BvC,KAAMA,KAAKK,eAG9CmC,EAAW,CACPvC,KACDN,EAAmB8C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClBjD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASE,SAAS,KACpCnD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPE,EAAS,CAAEC,KAAMI,OAAQD,SAAS,KACnCnD,EAAmB8C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMI,UAClBpD,EAAmB8C,UAAW,yBAAqB,GACtDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,cAAU,GAC3CD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPQ,EAAU,8BAA+B,CAAEC,OAAQ,mBACpDtD,EAAmB8C,UAAW,iBAAa,GAC9CD,EAAW,CACPU,EAAa,6BACdvD,EAAmB8C,UAAW,gBAAY"}
|
|
@@ -39,7 +39,6 @@ export declare const CdsNavigationTagName = "cds-navigation";
|
|
|
39
39
|
export declare class CdsNavigation extends LitElement implements Animatable {
|
|
40
40
|
expandedRoot: boolean;
|
|
41
41
|
cdsMotion: string;
|
|
42
|
-
role: string;
|
|
43
42
|
protected expandedChange: EventEmitter<boolean>;
|
|
44
43
|
cdsMotionChange: EventEmitter<string>;
|
|
45
44
|
/**
|
|
@@ -49,10 +48,6 @@ export declare class CdsNavigation extends LitElement implements Animatable {
|
|
|
49
48
|
* @protected
|
|
50
49
|
*/
|
|
51
50
|
protected groupItem: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Set and update the aria-active descended value onto the navigation.
|
|
54
|
-
*/
|
|
55
|
-
ariaActiveDescendant: any;
|
|
56
51
|
/**
|
|
57
52
|
*
|
|
58
53
|
* Vertical navigation elements can be either wide or narrow. Expanded indicates it should be wide.
|
|
@@ -108,8 +103,9 @@ export declare class CdsNavigation extends LitElement implements Animatable {
|
|
|
108
103
|
* query for all groups (including any nested groups), used ot pass state down
|
|
109
104
|
*/
|
|
110
105
|
protected navigationGroupRefs: NodeListOf<CdsNavigationGroup>;
|
|
106
|
+
role: string;
|
|
111
107
|
private toggle;
|
|
112
|
-
get currentActiveItem()
|
|
108
|
+
private get currentActiveItem();
|
|
113
109
|
protected get endTemplate(): "" | import("lit-html").TemplateResult<1>;
|
|
114
110
|
protected get startTemplate(): string | import("lit-html").TemplateResult<1>;
|
|
115
111
|
protected get visibleChildren(): FocusableElement[];
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as a,isVisible as n,setAttributes as o,onKey as s,syncPropsForAllItems as r,syncProps as d,baseStyles as v,property as c,event as l,state as h,i18n as p,querySlot as
|
|
2
|
-
wrap:none
|
|
3
|
-
align:horizontal-center">${this.startTemplate}<slot name="cds-navigation-substart"></slot><div class="navigation-sr-wrapper" cds-layout="vertical align:horizontal-stretch gap:sm"><nav style="height:100%"><div class="navigation-body-wrapper" cds-layout="p-y:xxs" aria-activedescendant="${this.ariaActiveDescendant}" tabindex="0" id="item-container"><div class="navigation-body" cds-layout="vertical wrap:none align:horizontal-stretch"><slot></slot></div></div>${this.endTemplate}</nav></div></div>`}updated(t){super.updated(t),t.has("expanded")&&(this.expandedRoot=this.expanded),this.updateChildrenProps()}updateChildrenProps(){this.navigationGroupItems&&r(Array.from(this.navigationGroupItems),this,{groupItem:!0}),this.navigationItemRefs&&r(Array.from(this.navigationItemRefs),this,{expanded:!0}),this.navigationStartRefs&&r(Array.from(this.navigationStartRefs),this,{expandedRoot:!0}),this.rootNavigationStart&&d(this.rootNavigationStart,this,{expanded:this.expanded}),this.rootNavigationItems.length>0&&r(Array.from(this.rootNavigationItems),this,{expanded:this.expanded}),this.navigationGroupRefs.length>0&&r(Array.from(this.navigationGroupRefs),this,{layout:!0})}static get styles(){return[v,y]}};t([c({type:String})],R.prototype,"cdsMotion",void 0),t([c({type:String})],R.prototype,"role",void 0),t([l()],R.prototype,"expandedChange",void 0),t([l()],R.prototype,"cdsMotionChange",void 0),t([h({type:Boolean})],R.prototype,"groupItem",void 0),t([h({type:String})],R.prototype,"ariaActiveDescendant",void 0),t([c({type:Boolean})],R.prototype,"expanded",void 0),t([p()],R.prototype,"i18n",void 0),t([g('[slot="cds-navigation-end"]',{assign:"cds-navigation-end"})],R.prototype,"navigationEnd",void 0),t([u("cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])")],R.prototype,"allNavigationElements",void 0),t([u("cds-navigation-start")],R.prototype,"navigationStartRefs",void 0),t([u(":scope > cds-divider")],R.prototype,"rootDividers",void 0),t([u(":scope > cds-navigation-group")],R.prototype,"rootNavigationGroups",void 0),t([u(":scope > cds-navigation-item")],R.prototype,"rootNavigationItems",void 0),t([g(":scope > cds-navigation-start",{assign:"navigation-start"})],R.prototype,"rootNavigationStart",void 0),t([u(":scope > cds-navigation-group > cds-navigation-item")],R.prototype,"navigationGroupItems",void 0),t([u("cds-navigation-item")],R.prototype,"navigationItemRefs",void 0),t([u("cds-navigation-group")],R.prototype,"navigationGroupRefs",void 0),R=t([m({expanded:{true:E,false:f(E)}})],R);export{R as CdsNavigation,N as CdsNavigationTagName};
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as a,isVisible as n,setAttributes as o,onKey as s,syncPropsForAllItems as r,syncProps as d,baseStyles as v,property as c,event as l,state as h,i18n as p,querySlot as u,querySlotAll as g,animate as m,reverseAnimation as f}from"@cds/core/internal";import y from"./navigation.element.scss.js";import{removeFocus as I,setFocus as A,visibleElement as b,getNextFocusElement as E,getPreviousFocusElement as S}from"./utils/index.js";import{AnimationNavigationOpenName as x}from"../internal/motion/animations/cds-navigation-open.js";const N="cds-navigation";let R=class extends i{constructor(){super(...arguments),this.expandedRoot=!1,this.cdsMotion="on",this.groupItem=!0,this.expanded=!1,this.i18n=a.keys.navigation,this.role="list"}toggle(){this.expandedChange.emit(!this.expanded)}get currentActiveItem(){return this.visibleChildren.find((t=>t.id===this.ariaActiveDescendant))}get endTemplate(){return this.navigationEnd?e`<div class="navigation-end" cds-layout="vertical align:horizontal-stretch"><slot name="cds-navigation-end"></slot></div>`:""}get startTemplate(){let t;return t=this.rootNavigationStart?e`<div class="navigation-start" cds-layout="vertical align:horizontal-stretch"><slot @slotchange="${()=>this.addStartEventListener()}" name="navigation-start"></slot><cds-divider class="start-divider"></cds-divider></div>`:"",t}get visibleChildren(){return Array.from(this.allNavigationElements).filter((t=>n(t)))}addStartEventListener(){this.rootNavigationStart&&this.rootNavigationStart.addEventListener("click",this.toggle.bind(this))}firstUpdated(t){var i;super.firstUpdated(t),this.allNavigationElements.forEach((t=>{o(t,["tabindex","-1"])}));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#item-container");null==e||e.addEventListener("focus",this.initItemKeys.bind(this)),null==e||e.addEventListener("keydown",this.handleItemKeys.bind(this)),null==e||e.addEventListener("blur",this.blurItemKeys.bind(this))}blurItemKeys(){this.currentActiveItem&&I(this.currentActiveItem)}focusRootStart(){this.rootNavigationStart&&A(this.rootNavigationStart)}blurRootStart(){this.rootNavigationStart&&I(this.rootNavigationStart)}initItemKeys(){if(this.currentActiveItem){const t=this.currentActiveItem?this.currentActiveItem:this.allNavigationElements[0];A(t),this.ariaActiveDescendant=t.id}else A(this.focusableElements[0]),this.ariaActiveDescendant=this.focusableElements[0].id}get focusableElements(){return Array.from(this.allNavigationElements).filter(b)}handleItemKeys(t){s("arrow-down",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=E(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-up",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=S(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-right",t,(()=>{var t;const i=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");!i||i.expanded||i.expandedChange.emit(!i.expanded)})),s("arrow-left",t,(()=>{var t,i,e;const a=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");if("CDS-NAVIGATION-ITEM"===(null===(i=this.currentActiveItem)||void 0===i?void 0:i.tagName)&&a){const t=null==a?void 0:a.querySelector("cds-navigation-start");return I(this.currentActiveItem),this.ariaActiveDescendant=null!==(e=null==t?void 0:t.id)&&void 0!==e?e:null,void A(t)}a&&a.expanded&&a.expandedChange.emit(!a.expanded)})),s("home",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[0];this.ariaActiveDescendant=t.id,A(t)}})),s("end",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[this.focusableElements.length-1];this.ariaActiveDescendant=t.id,A(t)}})),s("enter",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())})),s("space",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())}))}handleRootStartKeys(t){s("arrow-right",t,(()=>{this.expanded||this.toggle()})),s("arrow-left",t,(()=>{this.expanded&&this.toggle()}))}connectedCallback(){var t,i,e;super.connectedCallback(),null===(t=this.rootNavigationStart)||void 0===t||t.addEventListener("focus",this.focusRootStart.bind(this)),null===(i=this.rootNavigationStart)||void 0===i||i.addEventListener("blur",this.blurRootStart.bind(this)),null===(e=this.rootNavigationStart)||void 0===e||e.addEventListener("keydown",this.handleRootStartKeys.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.rootNavigationStart&&this.rootNavigationStart.removeEventListener("click",this.toggle.bind(this))}render(){return e`<div class="private-host" aria-label="${this.i18n.navigationLabel}" cds-layout="vertical wrap:none">${this.startTemplate}<slot name="cds-navigation-substart"></slot><nav class="navigation-body-wrapper"><div .ariaActiveDescendant="${this.ariaActiveDescendant}" tabindex="0" id="item-container"><div class="navigation-body" cds-layout="vertical wrap:none align:horizontal-stretch"><slot></slot></div></div></nav>${this.endTemplate}</div>`}updated(t){super.updated(t),t.has("expanded")&&(this.expandedRoot=this.expanded),this.updateChildrenProps()}updateChildrenProps(){this.navigationGroupItems&&r(Array.from(this.navigationGroupItems),this,{groupItem:!0}),this.navigationItemRefs&&r(Array.from(this.navigationItemRefs),this,{expanded:!0}),this.navigationStartRefs&&r(Array.from(this.navigationStartRefs),this,{expandedRoot:!0}),this.rootNavigationStart&&d(this.rootNavigationStart,this,{expanded:this.expanded}),this.rootNavigationItems.length>0&&r(Array.from(this.rootNavigationItems),this,{expanded:this.expanded}),this.navigationGroupRefs.length>0&&r(Array.from(this.navigationGroupRefs),this,{layout:!0})}static get styles(){return[v,y]}};t([c({type:String})],R.prototype,"cdsMotion",void 0),t([l()],R.prototype,"expandedChange",void 0),t([l()],R.prototype,"cdsMotionChange",void 0),t([h({type:Boolean})],R.prototype,"groupItem",void 0),t([c({type:Boolean})],R.prototype,"expanded",void 0),t([p()],R.prototype,"i18n",void 0),t([u('[slot="cds-navigation-end"]',{assign:"cds-navigation-end"})],R.prototype,"navigationEnd",void 0),t([g("cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])")],R.prototype,"allNavigationElements",void 0),t([g("cds-navigation-start")],R.prototype,"navigationStartRefs",void 0),t([g(":scope > cds-divider")],R.prototype,"rootDividers",void 0),t([g(":scope > cds-navigation-group")],R.prototype,"rootNavigationGroups",void 0),t([g(":scope > cds-navigation-item")],R.prototype,"rootNavigationItems",void 0),t([u(":scope > cds-navigation-start",{assign:"navigation-start"})],R.prototype,"rootNavigationStart",void 0),t([g(":scope > cds-navigation-group > cds-navigation-item")],R.prototype,"navigationGroupItems",void 0),t([g("cds-navigation-item")],R.prototype,"navigationItemRefs",void 0),t([g("cds-navigation-group")],R.prototype,"navigationGroupRefs",void 0),R=t([m({expanded:{true:x,false:f(x)}})],R);export{R as CdsNavigation,N as CdsNavigationTagName};
|
|
4
2
|
//# sourceMappingURL=navigation.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.element.js","sources":["../../../src/navigation/navigation.element.ts"],"sourcesContent":null,"names":["CdsNavigationTagName","CdsNavigation","LitElement","[object Object]","super","arguments","this","expandedRoot","cdsMotion","
|
|
1
|
+
{"version":3,"file":"navigation.element.js","sources":["../../../src/navigation/navigation.element.ts"],"sourcesContent":null,"names":["CdsNavigationTagName","CdsNavigation","LitElement","[object Object]","super","arguments","this","expandedRoot","cdsMotion","groupItem","expanded","i18n","I18nService","keys","navigation","role","expandedChange","emit","currentActiveItem","visibleChildren","find","c","id","ariaActiveDescendant","endTemplate","navigationEnd","html","startTemplate","returnHTML","rootNavigationStart","addStartEventListener","Array","from","allNavigationElements","filter","n","isVisible","addEventListener","toggle","bind","props","_a","firstUpdated","forEach","item","setAttributes","itemWrapper","shadowRoot","querySelector","initItemKeys","handleItemKeys","blurItemKeys","removeFocus","setFocus","focusElement","focusableElements","visibleElement","event","onKey","next","getNextFocusElement","preventDefault","previous","getPreviousFocusElement","groupParent","closest","_b","_c","tagName","groupStartElement","home","end","length","click","connectedCallback","focusRootStart","blurRootStart","handleRootStartKeys","disconnectedCallback","removeEventListener","navigationLabel","updated","has","updateChildrenProps","navigationGroupItems","syncPropsForAllItems","navigationItemRefs","navigationStartRefs","syncProps","rootNavigationItems","navigationGroupRefs","layout","styles","baseStyles","__decorate","property","type","String","prototype","state","Boolean","querySlot","assign","querySlotAll","animate","true","AnimationNavigationOpenName","false","reverseAnimation"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var o=a`: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));--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--collapsed-width:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem));--expanded-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--line-height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--nested-padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));height:inherit}:host(:focus){outline:0!important}:host([expanded]) .private-host{width:var(--expanded-width);min-width:var(--expanded-width)}:host([cds-motion=off]){width:var(--collapsed-width)}:host([cds-motion=off][expanded]){width:var(--expanded-width)}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--collapsed-width)}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--expanded-width);transform:none}.private-host{color:var(--color);background:var(--background);height:100%;width:var(--collapsed-width);min-width:var(--collapsed-width)}.navigation-body{height:100%}.navigation-body-wrapper{height:100%;overflow:auto;outline:0}
|
|
1
|
+
import{css as a}from"lit";var o=a`: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));--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--collapsed-width:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem));--expanded-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--line-height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--nested-padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));height:inherit}:host(:focus){outline:0!important}:host([expanded]) .private-host{width:var(--expanded-width);min-width:var(--expanded-width)}:host([cds-motion=off]){width:var(--collapsed-width)}:host([cds-motion=off][expanded]){width:var(--expanded-width)}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--collapsed-width)}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--expanded-width);transform:none}.private-host{color:var(--color);background:var(--background);height:100%;width:var(--collapsed-width);min-width:var(--collapsed-width)}.navigation-body{height:100%}.navigation-body-wrapper{height:100%;width:100%;overflow:auto;outline:0}#item-container{outline:0;height:100%}::slotted([slot=cds-navigation-substart]){width:100%}`;export default o;
|
|
2
2
|
//# sourceMappingURL=navigation.element.scss.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cds/core",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.6.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "clarity",
|
|
6
6
|
"description": "Clarity Design System Web Components",
|
|
@@ -64,21 +64,33 @@
|
|
|
64
64
|
"./range/register.js",
|
|
65
65
|
"./search/register.js",
|
|
66
66
|
"./select/register.js",
|
|
67
|
+
"./selection-panels/checkbox/register.js",
|
|
68
|
+
"./selection-panels/radio/register.js",
|
|
67
69
|
"./tag/register.js",
|
|
68
70
|
"./textarea/register.js",
|
|
69
71
|
"./test-dropdown/register.js",
|
|
70
72
|
"./time/register.js",
|
|
71
73
|
"./toggle/register.js",
|
|
72
|
-
"./tree-view/register.js"
|
|
74
|
+
"./tree-view/register.js",
|
|
75
|
+
"./polyfills/index.js",
|
|
76
|
+
"./polyfills/aria-reflect.js"
|
|
73
77
|
],
|
|
74
78
|
"exports": {
|
|
75
79
|
"./package.json": "./package.json",
|
|
76
80
|
"./custom-elements.json": "./custom-elements.json",
|
|
77
81
|
".": "./index.js",
|
|
78
82
|
"./internal": "./internal/index.js",
|
|
83
|
+
"./polyfills": "./polyfills/index.js",
|
|
79
84
|
"./test": "./test/index.js",
|
|
80
85
|
"./icon/shapes/*": "./icon/shapes/*",
|
|
81
86
|
"./icon/icon.service.js": "./icon/icon.service.js",
|
|
87
|
+
"./polyfills/index.js": "./polyfills/index.js",
|
|
88
|
+
"./tokens/tokens.js": "./tokens/tokens.js",
|
|
89
|
+
"./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
|
|
90
|
+
"./tokens/tokens.json": "./tokens/tokens.json",
|
|
91
|
+
"./tokens/tokens.scss": "./tokens/tokens.scss",
|
|
92
|
+
"./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
|
|
93
|
+
"./tokens/tokens.android.xml": "./tokens/tokens.android.xml",
|
|
82
94
|
"./accordion": "./accordion/index.js",
|
|
83
95
|
"./accordion/register": "./accordion/register.js",
|
|
84
96
|
"./accordion/register.js": "./accordion/register.js",
|
|
@@ -160,6 +172,12 @@
|
|
|
160
172
|
"./select": "./select/index.js",
|
|
161
173
|
"./select/register": "./select/register.js",
|
|
162
174
|
"./select/register.js": "./select/register.js",
|
|
175
|
+
"./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
|
|
176
|
+
"./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
|
|
177
|
+
"./selection-panels/checkbox/register.js": "./selection-panels/checkbox/register.js",
|
|
178
|
+
"./selection-panels/radio": "./selection-panels/radio/index.js",
|
|
179
|
+
"./selection-panels/radio/register": "./selection-panels/radio/register.js",
|
|
180
|
+
"./selection-panels/radio/register.js": "./selection-panels/radio/register.js",
|
|
163
181
|
"./tag": "./tag/index.js",
|
|
164
182
|
"./tag/register": "./tag/register.js",
|
|
165
183
|
"./tag/register.js": "./tag/register.js",
|
|
@@ -34,7 +34,6 @@ export declare class CdsPassword extends CdsControl {
|
|
|
34
34
|
hideButtonAriaLabel: string;
|
|
35
35
|
};
|
|
36
36
|
constructor();
|
|
37
|
-
private get ariaLabel();
|
|
38
37
|
protected get suffixDefaultTemplate(): import("lit-html").TemplateResult<1>;
|
|
39
38
|
static get styles(): import("lit").CSSResultGroup[];
|
|
40
39
|
togglePasswordVisibility(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as
|
|
1
|
+
import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as a}from"@cds/core/icon/icon.service.js";import{eyeIcon as d}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as n}from"@cds/core/icon/shapes/eye-hide.js";class h extends e{constructor(){super(),this.showPassword=!1,this.i18n=t.keys.password,a.addIcons(d,n)}get suffixDefaultTemplate(){return o`<cds-control-action @click="${()=>this.togglePasswordVisibility()}" .ariaLabel="${this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],h.prototype,"showPassword",void 0),s([r()],h.prototype,"i18n",void 0);export{h as CdsPassword};
|
|
2
2
|
//# sourceMappingURL=password.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"password.element.js","sources":["../../../src/password/password.element.ts"],"sourcesContent":null,"names":["CdsPassword","CdsControl","[object Object]","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","
|
|
1
|
+
{"version":3,"file":"password.element.js","sources":["../../../src/password/password.element.ts"],"sourcesContent":null,"names":["CdsPassword","CdsControl","[object Object]","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","suffixDefaultTemplate","html","togglePasswordVisibility","hideButtonAriaLabel","showButtonAriaLabel","styles","inputStyles","inputControl","type","focus","__decorate","state","prototype"],"mappings":"oZA0CO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAEnCC,4BACI,OAAOC,CAAK,+BAEH,IAAMX,KAAKY,2CACPZ,KAAKC,aAAeD,KAAKE,KAAKW,oBAAsBb,KAAKE,KAAKY,yCAExDd,KAAKC,aAAe,WAAa,0CAIxDc,oBACI,MAAO,IAAIhB,MAAMgB,OAAQC,GAE7BlB,2BACIE,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKiB,aAAaC,KAAOlB,KAAKC,aAAe,OAAS,WACtDD,KAAKiB,aAAaE,SAG1BC,EAAW,CACPC,KACDzB,EAAY0B,UAAW,oBAAgB,GAC1CF,EAAW,CACPlB,KACDN,EAAY0B,UAAW,YAAQ"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
declare global {
|
|
2
|
+
interface Element {
|
|
3
|
+
role: any;
|
|
4
|
+
ariaActiveDescendant: any;
|
|
5
|
+
ariaControls: any;
|
|
6
|
+
ariaLabelledBy: any;
|
|
7
|
+
ariaDisabled: any;
|
|
8
|
+
ariaExpanded: any;
|
|
9
|
+
ariaSelected: any;
|
|
10
|
+
ariaAtomic: any;
|
|
11
|
+
ariaAutoComplete: any;
|
|
12
|
+
ariaBusy: any;
|
|
13
|
+
ariaChecked: any;
|
|
14
|
+
ariaColCount: any;
|
|
15
|
+
ariaColIndex: any;
|
|
16
|
+
ariaColSpan: any;
|
|
17
|
+
ariaCurrent: any;
|
|
18
|
+
ariaHasPopup: any;
|
|
19
|
+
ariaHidden: any;
|
|
20
|
+
ariaKeyShortcuts: any;
|
|
21
|
+
ariaLabel: any;
|
|
22
|
+
ariaLevel: any;
|
|
23
|
+
ariaLive: any;
|
|
24
|
+
ariaModal: any;
|
|
25
|
+
ariaMultiLine: any;
|
|
26
|
+
ariaMultiSelectable: any;
|
|
27
|
+
ariaOrientation: any;
|
|
28
|
+
ariaPlaceholder: any;
|
|
29
|
+
ariaPosInSet: any;
|
|
30
|
+
ariaPressed: any;
|
|
31
|
+
ariaReadOnly: any;
|
|
32
|
+
ariaRequired: any;
|
|
33
|
+
ariaRoleDescription: any;
|
|
34
|
+
ariaRowCount: any;
|
|
35
|
+
ariaRowIndex: any;
|
|
36
|
+
ariaRowSpan: any;
|
|
37
|
+
ariaSetSize: any;
|
|
38
|
+
ariaSort: any;
|
|
39
|
+
ariaValueMax: any;
|
|
40
|
+
ariaValueMin: any;
|
|
41
|
+
ariaValueNow: any;
|
|
42
|
+
ariaValueText: any;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
export declare function reflect(element: HTMLElement | Element, attributeName: string, propertyName: string): void;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let e=!1,t=!1;function o(){var e,t,o;return void 0!==(null===(o=null===(t=null===(e=globalThis)||void 0===e?void 0:e.process)||void 0===t?void 0:t.env)||void 0===o?void 0:o.JEST_WORKER_ID)}function l(e,t,o){Object.defineProperty(e,o,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(t)?this.getAttribute(t):null},set:function(e){null!==e?this.setAttribute(t,e):this.removeAttribute(t)}})}e||Element.prototype.hasOwnProperty("role")||o()||(l(Element.prototype,"role","role"),e=!0),t||Element.prototype.hasOwnProperty("ariaLabel")||o()||(t=!0,["ActiveDescendant","Atomic","AutoComplete","Busy","Checked","ColCount","ColIndex","ColSpan","Controls","Current","DescribedBy","Details","Disabled","ErrorMessage","Expanded","FlowTo","HasPopup","Hidden","Invalid","KeyShortcuts","Label","LabelledBy","Level","Live","Modal","MultiLine","MultiSelectable","Orientation","Owns","Placeholder","PosInSet","Pressed","ReadOnly","Relevant","Required","RoleDescription","RowCount","RowIndex","RowSpan","Selected","SetSize","Sort","ValueMax","ValueMin","ValueNow","ValueText"].forEach((e=>l(Element.prototype,"aria-"+e.toLowerCase(),"aria"+e))));export{l as reflect};
|
|
2
|
+
//# sourceMappingURL=aria-reflect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.ts"],"sourcesContent":null,"names":["roleRegistered","ariaRegistered","isNode","_a","_b","_c","undefined","globalThis","process","env","JEST_WORKER_ID","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EACrB,SAASC,IACL,IAAIC,EAAIC,EAAIC,EACZ,YAAgMC,KAAxD,QAA/HD,EAAkF,QAA5ED,EAA2B,QAArBD,EAAKI,kBAA+B,IAAPJ,OAAgB,EAASA,EAAGK,eAA4B,IAAPJ,OAAgB,EAASA,EAAGK,WAAwB,IAAPJ,OAAgB,EAASA,EAAGK,gBA4DzK,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCb,GAAmB2B,QAAQC,UAAUC,eAAe,SAAY3B,MACjES,EAAQgB,QAAQC,UAAW,OAAQ,QACnC5B,GAAiB,GAIhBC,GAAmB0B,QAAQC,UAAUC,eAAe,cAAiB3B,MACtED,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACF6B,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './aria-reflect.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
|
|
@@ -21,8 +21,8 @@ import { LitElement } from 'lit';
|
|
|
21
21
|
export declare class CdsProgressCircle extends LitElement {
|
|
22
22
|
private _size;
|
|
23
23
|
/**
|
|
24
|
-
* @type {neutral | info | success | warning | danger}
|
|
25
24
|
* Sets the color of the badge
|
|
25
|
+
* @type {neutral | info | success | warning | danger}
|
|
26
26
|
*/
|
|
27
27
|
status: StatusTypes;
|
|
28
28
|
/**
|
|
@@ -50,12 +50,35 @@ export declare class CdsProgressCircle extends LitElement {
|
|
|
50
50
|
private get progressOffset();
|
|
51
51
|
get size(): string;
|
|
52
52
|
/**
|
|
53
|
-
* @type {string | sm | md | lg | xl | xxl}
|
|
54
53
|
* Apply numerical width-height or a t-shirt-sized CSS classname
|
|
54
|
+
* @type {string | sm | md | lg | xl | xxl}
|
|
55
55
|
*/
|
|
56
56
|
set size(val: string);
|
|
57
|
-
private
|
|
57
|
+
private _ariaLabel;
|
|
58
|
+
/**
|
|
59
|
+
* The aria-label attribute is added here as a convenience. It is not set
|
|
60
|
+
* to a default value.
|
|
61
|
+
*
|
|
62
|
+
* If this attribute/property remains unset, it will default to an i18n string.
|
|
63
|
+
* This means that the aria-label can be customized using the aria-label
|
|
64
|
+
* attribute or by overriding the i18n value for the progress circle.
|
|
65
|
+
*/
|
|
66
|
+
get ariaLabel(): string;
|
|
67
|
+
/**
|
|
68
|
+
* Changes the svg glyph displayed in the icon component. Defaults to the 'unknown' icon if
|
|
69
|
+
* the specified icon cannot be found in the icon registry.
|
|
70
|
+
*/
|
|
71
|
+
set ariaLabel(newAriaLabel: string);
|
|
72
|
+
i18n: {
|
|
73
|
+
loading: string;
|
|
74
|
+
looping: string;
|
|
75
|
+
};
|
|
76
|
+
/** @private */
|
|
77
|
+
setAriaAttributes(oldValueForAriaLabelCheck?: number): void;
|
|
58
78
|
connectedCallback(): void;
|
|
79
|
+
disconnectedCallback(): void;
|
|
80
|
+
protected observers: MutationObserver[];
|
|
81
|
+
firstUpdated(props: Map<string, any>): void;
|
|
59
82
|
updated(props: Map<string, any>): void;
|
|
60
83
|
render(): import("lit-html").TemplateResult<1>;
|
|
61
84
|
static get styles(): import("lit").CSSResultGroup[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as
|
|
1
|
+
import{__decorate as s}from"tslib";import{I18nService as t,hasStringPropertyChanged as e,updateEquilateralSizeStyles as i,isNilOrEmpty as r,setAttributes as a,listenForAttributeChange as o,baseStyles as l,property as h,i18n as n}from"@cds/core/internal";import{LitElement as p,html as u}from"lit";import c from"ramda/es/isNil.js";import d from"./progress-circle.element.scss.js";import{getProgressCircleRadius as b,getAriaLabelOrDefault as g,getDefaultAriaLabel as v,getProgressCircleAriaAttributes as f}from"./progress-circle.utils.js";class m extends p{constructor(){super(...arguments),this.status="neutral",this.inverse=!1,this.line=3,this.i18n=t.keys.progress,this.observers=[]}get radius(){return b(this.line)}get circumference(){return 2*Math.PI*this.radius}get progress(){return c(this.value)?30:this.value}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(s){if(e(s,this._size)){const t=this._size;this._size=s,i(this,s),this.requestUpdate("size",t)}}get ariaLabel(){return g(this._ariaLabel,this.value,this.i18n.loading,this.i18n.looping)}set ariaLabel(s){if(e(s,this._ariaLabel)){const t=this._ariaLabel;this._ariaLabel=s,this.requestUpdate("ariaLabel",t)}}setAriaAttributes(s){const t=this.value;let e;e=r(s)?r(t)||this.ariaLabel!==this.i18n.looping?this.ariaLabel:v(t,this.i18n.loading,this.i18n.looping):g(this._ariaLabel,t,this.i18n.loading,this.i18n.looping,s);const i=f(t,e);a(this,...i)}connectedCallback(){super.connectedCallback(),this.setAriaAttributes()}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((s=>s.disconnect()))}firstUpdated(s){super.firstUpdated(s),this.observers.push(o(this,"cds-i18n",(()=>{const s=this.ariaLabel;this.ariaLabel="",this.requestUpdate("ariaLabel",s)})))}updated(s){super.updated(s),s.has("value")?this.setAriaAttributes(s.get("value")):s.has("ariaLabel")?this.setAriaAttributes():s.has("ariaLabelTemplate")&&(this._ariaLabel=null,this.setAriaAttributes(this.value))}render(){return u`<div class="private-host" aria-hidden="true"><div class="progress-wrapper"><svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"><circle stroke-width="${this.line}" fill="none" cx="18" cy="18" r="${this.radius}" class="${this.progress>99?"arcstroke":"backstroke"}"/><path d="M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2*this.radius} a ${this.radius},${this.radius} 0 1 1 0,-${2*this.radius}" class="fillstroke arcstroke" stroke-width="${this.line}" stroke-dasharray="${this.circumference}" stroke-dashoffset="${this.progressOffset}" fill="none"/></svg></div></div>`}static get styles(){return[l,d]}}s([h({type:String})],m.prototype,"status",void 0),s([h({type:Boolean})],m.prototype,"inverse",void 0),s([h({type:Number})],m.prototype,"value",void 0),s([h({type:Number})],m.prototype,"line",void 0),s([h({type:String})],m.prototype,"size",null),s([h({type:String})],m.prototype,"ariaLabel",null),s([n()],m.prototype,"i18n",void 0);export{m as CdsProgressCircle};
|
|
2
2
|
//# sourceMappingURL=progress-circle.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-circle.element.js","sources":["../../../src/progress-circle/progress-circle.element.ts"],"sourcesContent":null,"names":["CdsProgressCircle","LitElement","[object Object]","super","arguments","this","status","inverse","line","
|
|
1
|
+
{"version":3,"file":"progress-circle.element.js","sources":["../../../src/progress-circle/progress-circle.element.ts"],"sourcesContent":null,"names":["CdsProgressCircle","LitElement","[object Object]","super","arguments","this","status","inverse","line","i18n","I18nService","keys","progress","observers","radius","getProgressCircleRadius","circumference","Math","PI","isNil","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","ariaLabel","getAriaLabelOrDefault","_ariaLabel","loading","looping","newAriaLabel","oldValueForAriaLabelCheck","currentValue","isNilOrEmpty","getDefaultAriaLabel","attrsToSet","getProgressCircleAriaAttributes","setAttributes","connectedCallback","setAriaAttributes","disconnectedCallback","forEach","o","disconnect","props","firstUpdated","push","listenForAttributeChange","oldAriaLabel","updated","has","get","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributeTuple } from '@cds/core/internal';
|
|
2
|
+
export declare function getProgressCircleRadius(lineThickness: number, viewboxDimension?: number): number;
|
|
3
|
+
export declare function getAriaLabelFromTemplate(currentValue: number, loadingi18n: string, forceToValue?: number): string;
|
|
4
|
+
export declare function getDefaultAriaLabel(currentValue: number | undefined | null, loadingi18n: string, loopingMsg: string): string;
|
|
5
|
+
export declare function getAriaLabelOrDefault(existingAriaLabel: string, currentValue: number, loadingi18n: string, loopingMsg: string, previousValue?: number): string;
|
|
6
|
+
export declare function getProgressCircleAriaAttributes(currentValue: number | undefined | null, ariaLabel: string): HTMLAttributeTuple[];
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{isNilOrEmpty as a}from"@cds/core/internal";function r(a,r=36){return r/2-Math.ceil(a/2)}function e(r,e,n){return`${e} ${a(n)?r:n}%`}function n(r,n,i){return a(r)?i:e(r,n)}function i(a,r,i,u,t){switch(!0){case!a:case t&&a===e(r,i,t):return n(r,i,u);default:return a}}function u(r,e){return a(r)?[["role","img"],["aria-valuemin",!1],["aria-valuemax",!1],["aria-valuenow",!1],["aria-label",e]]:[["role","progressbar"],["aria-valuemin","0"],["aria-valuemax","100"],["aria-valuenow",r+""],["aria-label",e]]}export{e as getAriaLabelFromTemplate,i as getAriaLabelOrDefault,n as getDefaultAriaLabel,u as getProgressCircleAriaAttributes,r as getProgressCircleRadius};
|
|
2
|
+
//# sourceMappingURL=progress-circle.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-circle.utils.js","sources":["../../../src/progress-circle/progress-circle.utils.ts"],"sourcesContent":null,"names":["getProgressCircleRadius","lineThickness","viewboxDimension","Math","ceil","getAriaLabelFromTemplate","currentValue","loadingi18n","forceToValue","isNilOrEmpty","getDefaultAriaLabel","loopingMsg","getAriaLabelOrDefault","existingAriaLabel","previousValue","getProgressCircleAriaAttributes","ariaLabel"],"mappings":"kDAQO,SAASA,EAAwBC,EAAeC,EAAmB,IAMtE,OAHsBA,EAAmB,EAEtBC,KAAKC,KAAKH,EAAgB,GAK1C,SAASI,EAAyBC,EAAcC,EAAaC,GAGhE,MAAO,GAAGD,KAFIE,EAAaD,GAAgBF,EAAeE,KAIvD,SAASE,EAAoBJ,EAAcC,EAAaI,GAC3D,OAAIF,EAAaH,GACNK,EAGAN,EAAyBC,EAAcC,GAG/C,SAASK,EAAsBC,EAAmBP,EAAcC,EAAaI,EAAYG,GAC5F,QAAQ,GACJ,KAAMD,EAEN,KAAKC,GAAiBD,IAAsBR,EAAyBC,EAAcC,EAAaO,GAC5F,OAAOJ,EAAoBJ,EAAcC,EAAaI,GAC1D,QACI,OAAOE,GAGZ,SAASE,EAAgCT,EAAcU,GAC1D,OAAIP,EAAaH,GAEN,CACH,CAAC,OAAQ,OACT,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,aAAcU,IAKZ,CACH,CAAC,OAAQ,eACT,CAAC,gBAAiB,KAClB,CAAC,gBAAiB,OAClB,CAAC,gBAAiBV,EAAe,IACjC,CAAC,aAAcU"}
|