@cds/core 5.6.0 → 5.6.4
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.d.ts +3 -3
- package/accordion/accordion-panel.element.scss.js +1 -1
- package/alert/alert-actions.element.d.ts +2 -2
- package/alert/alert-actions.element.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 +4 -3
- 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 +5 -3
- package/button/button.element.js +1 -1
- package/button/button.element.js.map +1 -1
- package/card/card.element.d.ts +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 +5214 -4141
- package/custom-elements.legacy.json +34 -212
- package/file/file.element.d.ts +2 -1
- package/forms/control/control.element.d.ts +4 -3
- package/forms/control/control.element.js.map +1 -1
- package/forms/control-action/control-action.element.d.ts +2 -1
- package/forms/control-group/control-group.element.d.ts +4 -3
- package/forms/control-group/control-group.element.js.map +1 -1
- package/forms/control-inline/control-inline.element.d.ts +3 -2
- package/forms/control-label/control-label.element.scss.js +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/global.css +1 -0
- package/global.min.css +1 -1
- package/icon/icon.element.d.ts +3 -3
- 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-group.element.d.ts +2 -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 +2 -4
- 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/motion/interfaces.d.ts +1 -1
- package/internal/motion/utils.d.ts +4 -3
- 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/css.d.ts +1 -0
- package/internal/utils/css.js +1 -1
- package/internal/utils/css.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 +1 -4
- package/internal/utils/exists.js +1 -1
- package/internal/utils/exists.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 +2 -2
- package/internal/utils/register.js +1 -1
- package/internal/utils/register.js.map +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 +6 -9
- package/internal-components/overlay/overlay.element.js +1 -1
- 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/modal/modal.element.d.ts +2 -1
- package/navigation/navigation-item.element.d.ts +0 -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 +1 -1
- package/navigation/navigation-start.element.d.ts +1 -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 -6
- package/navigation/navigation.element.js +1 -1
- package/navigation/navigation.element.js.map +1 -1
- package/package.json +9 -9
- package/pagination/pagination-button.element.d.ts +2 -1
- package/pagination/pagination.element.d.ts +2 -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/{selection-panels → polyfills}/index.js.map +0 -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.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/select/select.element.d.ts +2 -1
- package/select/select.global.scss.js +1 -1
- package/selection-panels/checkbox/index.d.ts +0 -1
- package/selection-panels/radio/index.d.ts +0 -1
- package/styles/module.tokens.css +1 -0
- package/styles/module.tokens.min.css +1 -1
- package/tag/tag.element.d.ts +2 -1
- package/tag/tag.element.scss.js +1 -1
- package/textarea/textarea.element.scss.js +1 -1
- package/toggle/toggle.element.d.ts +2 -1
- package/toggle/toggle.element.js.map +1 -1
- package/tokens/tokens.android.xml +1 -0
- package/tokens/tokens.d.ts +1 -0
- package/tokens/tokens.ios.swift +1 -0
- package/tokens/tokens.js +1 -0
- package/tokens/tokens.json +3 -0
- package/tokens/tokens.scss +1 -0
- package/tree-view/tree-item.element.d.ts +3 -7
- 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/navigation/navigation-start.element.scss.js +0 -6
- package/navigation/navigation-start.element.scss.js.map +0 -1
- package/selection-panels/index.d.ts +0 -11
- package/selection-panels/index.js +0 -2
- package/selection-panels/register.d.ts +0 -8
- package/selection-panels/register.js +0 -2
- package/selection-panels/register.js.map +0 -1
package/internal/utils/global.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{isBrowser as e}from"./
|
|
1
|
+
import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){var e;const n="5.6.4";window.CDS._version.indexOf(n)<0&&(window.CDS._version.push(n),null===(e=document.querySelector("body"))||void 0===e||e.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
|
|
2
2
|
//# sourceMappingURL=global.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.js","sources":["../../../../src/internal/utils/global.ts"],"sourcesContent":null,"names":["setupCDSGlobal","isBrowser","window","CDS","_version","_react","version","undefined","_supports","browserFeatures","supports","_isStateProxied","_state","focusTrapItems","i18nRegistry","elementRegistry","iconRegistry","motionRegistry","environment","production","getDetails","logDetails","_a","loadedVersion","indexOf","push","document","querySelector","setAttribute","join","length","LogService","warn","setRunningVersion","Proxy","set","target","key","value","detail","prev","current","dispatchEvent","CustomEvent","versions","userAgent","navigator","angularVersion","getAngularVersion","angularJSVersion","getAngularJSVersion","reactVersion","getReactVersion","vueVersion","getVueVersion","state","Object","keys","focusTrapRegistry","map","i","focusTrapId","log","JSON","stringify"],"mappings":"
|
|
1
|
+
{"version":3,"file":"global.js","sources":["../../../../src/internal/utils/global.ts"],"sourcesContent":null,"names":["setupCDSGlobal","isBrowser","window","CDS","_version","_react","version","undefined","_supports","browserFeatures","supports","_isStateProxied","_state","focusTrapItems","i18nRegistry","elementRegistry","iconRegistry","motionRegistry","environment","production","getDetails","logDetails","_a","loadedVersion","indexOf","push","document","querySelector","setAttribute","join","length","LogService","warn","setRunningVersion","Proxy","set","target","key","value","detail","prev","current","dispatchEvent","CustomEvent","versions","userAgent","navigator","angularVersion","getAngularVersion","angularJSVersion","getAngularJSVersion","reactVersion","getReactVersion","vueVersion","getVueVersion","state","Object","keys","focusTrapRegistry","map","i","focusTrapId","log","JSON","stringify"],"mappings":"yQASO,SAASA,IACRC,MAyCJC,OAAOC,IAAMD,OAAOC,KAAO,CACvBC,SAAU,GACVC,OAAQ,CAAEC,aAASC,GACnBC,UAAWC,EAAgBC,SAC3BC,iBAAiB,EACjBC,OAAQ,CACJC,eAAgB,GAChBC,aAAc,GACdC,gBAAiB,GACjBC,aAAc,GACdC,eAAgB,IAEpBC,YAAa,CACTC,YAAY,GAEhBC,WAAAA,EACAC,WAAAA,GAGR,WACI,IAAIC,EACJ,MAAMC,EAAgB,QAClBrB,OAAOC,IAAIC,SAASoB,QAAQD,GAAiB,IAC7CrB,OAAOC,IAAIC,SAASqB,KAAKF,GACiB,QAAzCD,EAAKI,SAASC,cAAc,eAA4B,IAAPL,GAAyBA,EAAGM,aAAa,cAAe1B,OAAOC,IAAIC,SAASyB,KAAK,OAEnI3B,OAAOC,IAAIC,SAAS0B,OAAS,GAC7BC,EAAWC,KAAK,mHAlEhBC,GAKC/B,OAAOC,IAAIQ,kBACZT,OAAOC,IAAIQ,iBAAkB,EAC7BT,OAAOC,IAAIS,OAAS,IAAIsB,MAAMhC,OAAOC,IAAIS,OAAQ,CAC7CuB,IAAK,CAACC,EAAQC,EAAKC,KACf,MAAMC,EAAS,CAAEF,IAAAA,EAAKG,KAAMtC,OAAOC,IAAIS,OAAOyB,GAAMI,QAASH,GAG7D,OAFAF,EAAOC,GAAOC,EACdZ,SAASgB,cAAc,IAAIC,YAAY,mBAAoB,CAAEJ,OAAAA,MACtD,OAKvB,SAASnB,IACL,MAAO,CACHwB,SAAU1C,OAAOC,IAAIC,SACrBc,YAAahB,OAAOC,IAAIe,YACxB2B,UAAWC,UAAUD,UACrBnC,SAAUR,OAAOC,IAAIK,UACrBuC,eAAgBC,GAAkB,GAClCC,iBAAkBC,GAAoB,GACtCC,aAAcC,GAAgB,GAC9BC,WAAYC,GAAc,GAC1BC,MAAO,IACArD,OAAOC,IAAIS,OACdI,aAAcwC,OAAOC,KAAKvD,OAAOC,IAAIS,OAAOI,cAC5CC,eAAgBuC,OAAOC,KAAKvD,OAAOC,IAAIS,OAAOK,gBAC9CyC,kBAAmBF,OAAOC,KAAKvD,OAAOC,IAAIS,OAAOC,eAAe8C,KAAIC,GAAKA,EAAEC,iBAIvF,SAASxC,IACLU,EAAW+B,IAAIC,KAAKC,UAAU5C,IAAc,KAAM"}
|
package/internal/utils/lit.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
/**
|
|
3
3
|
* Returns a promise when all components have completed rendering one cycle.
|
|
4
4
|
*/
|
|
@@ -9,7 +9,7 @@ export declare function childrenUpdateComplete(elements: LitElement[] | NodeList
|
|
|
9
9
|
* of child slotted elements (cds-form-group, cds-control-group). Typically call
|
|
10
10
|
* during the `firstUpdated` or `updated` lifecycle.
|
|
11
11
|
*/
|
|
12
|
-
export declare function syncDefinedProps(props:
|
|
12
|
+
export declare function syncDefinedProps(props: PropertyValues<any>, source: {
|
|
13
13
|
[prop: string]: any;
|
|
14
14
|
}, targets: {
|
|
15
15
|
[prop: string]: any;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"ramda/es/curryN.js";import{
|
|
1
|
+
import e from"ramda/es/curryN.js";import{isBrowser as s}from"./environment.js";import{elementExists as r,existsInWindow as t}from"./exists.js";import{setupCDSGlobal as o}from"./global.js";import{isStorybook as m}from"./framework.js";import{LogService as i}from"../services/log.service.js";import{applyCSSGapShim as n}from"../base/css-gap.base.js";const a=e(3,((e,s,t)=>{r(e)&&!m()?i.warn(e+" has already been registered"):(t.define(e,n(s)),o(),window&&!Object.keys(window.CDS._state.elementRegistry).some((s=>s===e))&&(window.CDS._state.elementRegistry={...window.CDS._state.elementRegistry,[e]:{}}))}));function w(e,r){s()&&t(["customElements"])&&a(e,r,window.customElements)}export{w as registerElementSafely};
|
|
2
2
|
//# sourceMappingURL=register.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.js","sources":["../../../../src/internal/utils/register.ts"],"sourcesContent":null,"names":["addElementToRegistry","curryN","tagName","elementClass","registry","elementExists","isStorybook","LogService","warn","define","applyCSSGapShim","setupCDSGlobal","window","Object","keys","CDS","_state","elementRegistry","some","i","[object Object]","registerElementSafely","isBrowser","existsInWindow","customElements"],"mappings":"
|
|
1
|
+
{"version":3,"file":"register.js","sources":["../../../../src/internal/utils/register.ts"],"sourcesContent":null,"names":["addElementToRegistry","curryN","tagName","elementClass","registry","elementExists","isStorybook","LogService","warn","define","applyCSSGapShim","setupCDSGlobal","window","Object","keys","CDS","_state","elementRegistry","some","i","[object Object]","registerElementSafely","isBrowser","existsInWindow","customElements"],"mappings":"2VAYA,MAAMA,EAAuBC,EAAO,GAAG,CAACC,EAASC,EAAcC,KACvDC,EAAcH,KAAaI,IAC3BC,EAAWC,KAAQN,EAAH,iCAGhBE,EAASK,OAAOP,EAASQ,EAAgBP,IACzCQ,IACIC,SAAWC,OAAOC,KAAKF,OAAOG,IAAIC,OAAOC,iBAAiBC,MAAKC,GAAKA,IAAMjB,MAC1EU,OAAOG,IAAIC,OAAOC,gBAAkB,IAAKL,OAAOG,IAAIC,OAAOC,gBAAiBG,CAAClB,GAAU,SAI5F,SAASmB,EAAsBnB,EAASC,GACvCmB,KAAeC,EAAe,CAAC,oBAC/BvB,EAAqBE,EAASC,EAAcS,OAAOY"}
|
|
@@ -26,3 +26,4 @@ export declare function isSuffixedBy(str: string, suffix: string): boolean;
|
|
|
26
26
|
export declare function removePrefixOrSuffix(str: string, stringFix: string, prefixOrSuffix?: string): string;
|
|
27
27
|
export declare function removePrefix(str: string, prefix: string): string;
|
|
28
28
|
export declare function removeSuffix(str: string, suffix: string): string;
|
|
29
|
+
export declare function replaceWord(str: string, wordToReplace: string, replaceWith?: string): string;
|
package/internal/utils/string.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{isNumericString as t,isNilOrEmpty as r}from"./identity.js";function n(t,r,...n){return r.map((t=>t(...n))).join(t).trim()}function e(t,...r){return n(" ",t,...r)}function u(t,...r){return n("",t,...r)}function i(t){return t.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}function f(t){return t.split("-").map(((t,r)=>r?t.charAt(0).toUpperCase()+t.slice(1).toLowerCase():t)).join("")}function
|
|
1
|
+
import{isNumericString as t,isNilOrEmpty as r}from"./identity.js";function n(t,r,...n){return r.map((t=>t(...n))).join(t).trim()}function e(t,...r){return n(" ",t,...r)}function u(t,...r){return n("",t,...r)}function i(t){return t.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}function f(t){return t.split("-").map(((t,r)=>r?t.charAt(0).toUpperCase()+t.slice(1).toLowerCase():t)).join("")}function o(t){return a(f(t))}function s(t){return p(Object.keys(t),t)}function c(t){return p(Object.keys(t).filter((t=>t.startsWith("--"))),t)}function p(t,r){return t.reduce(((t,n)=>`${t}${r[n]?`${n}:${r[n]};`:""}`),"")}function a(t){return t.charAt(0).toUpperCase()+t.slice(1)}const l="CSS Custom Properties",h="Default Properties";function x(r){if(!r||!r.match(/(\d+)?\.?(\d+)?s/g))return 0;const n=r.substr(0,r.length-1);return t(n)?Number(n):0}function g(t,n,e="prefix"){return!r(n)&&!r(t)&&("prefix"===e?t.substr(0,n.length):t.substr(-1*n.length))===n}function m(t,r){return g(t,r,"prefix")}function b(t,r){return g(t,r,"suffix")}function j(t,n,e="prefix"){if(r(t))return"";if(r(n)||!g(t,n,e))return t;switch(e){case"prefix":return t.substr(n.length);case"suffix":return t.substr(0,t.length-n.length);default:return t}}function C(t,r){return j(t,r,"prefix")}function d(t,r){return j(t,r,"suffix")}function $(t,r,n=""){const e=t.split(" "),u=""===n?e.filter((t=>t!==r)):e.map((t=>t===r?n:t));return u.length>0?u.join(" "):""}export{i as camelCaseToKebabCase,a as capitalizeFirstLetter,l as cssGroup,x as getNumericValueFromCssSecondsStyleValue,m as isPrefixedBy,g as isPrefixedOrSuffixedBy,b as isSuffixedBy,f as kebabCaseToCamelCase,o as kebabCaseToPascalCase,h as propertiesGroup,C as removePrefix,j as removePrefixOrSuffix,d as removeSuffix,$ as replaceWord,c as setPropStyles,s as setStyles,e as transformToSpacedString,n as transformToString,u as transformToUnspacedString};
|
|
2
2
|
//# sourceMappingURL=string.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"string.js","sources":["../../../../src/internal/utils/string.ts"],"sourcesContent":null,"names":["transformToString","delimiter","fns","args","map","fn","join","trim","transformToSpacedString","transformToUnspacedString","camelCaseToKebabCase","value","replace","l","toLowerCase","kebabCaseToCamelCase","str","split","item","index","charAt","toUpperCase","slice","kebabCaseToPascalCase","string","capitalizeFirstLetter","setStyles","styles","createPropStyleSelectors","Object","keys","setPropStyles","filter","prop","startsWith","props","reduce","allStyles","cssGroup","propertiesGroup","getNumericValueFromCssSecondsStyleValue","styleValueInSeconds","match","copyVal","substr","length","isNumericString","Number","isPrefixedOrSuffixedBy","stringFix","prefixOrSuffix","isNilOrEmpty","isPrefixedBy","prefix","isSuffixedBy","suffix","removePrefixOrSuffix","removePrefix","removeSuffix"],"mappings":"kEAMO,SAASA,EAAkBC,EAAWC,KAAQC,GACjD,OAAOD,EACFE,KAAIC,GACEA,KAAMF,KAEZG,KAAKL,GACLM,OAGF,SAASC,EAAwBN,KAAQC,GAC5C,OAAOH,EAAkB,IAAKE,KAAQC,GAEnC,SAASM,EAA0BP,KAAQC,GAC9C,OAAOH,EAAkB,GAAIE,KAAQC,GAElC,SAASO,EAAqBC,GACjC,OAAOA,EAAMC,QAAQ,UAAUC,GAAK,IAAIA,EAAEC,gBAEvC,SAASC,EAAqBC,GACjC,OAAOA,EACFC,MAAM,KACNb,KAAI,CAACc,EAAMC,IAAWA,EAAQD,EAAKE,OAAO,GAAGC,cAAgBH,EAAKI,MAAM,GAAGR,cAAgBI,IAC3FZ,KAAK,IAEP,SAASiB,EAAsBC,GAElC,OAAOC,EADWV,EAAqBS,IAOpC,SAASE,EAAUC,GACtB,OAAOC,EAAyBC,OAAOC,KAAKH,GAASA,GAElD,SAASI,EAAcJ,GAC1B,OAAOC,EAAyBC,OAAOC,KAAKH,GAAQK,QAAOC,GAAQA,EAAKC,WAAW,QAAQP,GAE/F,SAASC,EAAyBO,EAAOR,GACrC,OAAOQ,EAAMC,QAAO,CAACC,EAAWJ,IAAS,GAAGI,IAAYV,EAAOM,GAAQ,GAAGA,KAAQN,EAAOM,MAAW,MAAM,IAEvG,SAASR,EAAsBD,GAClC,OAAOA,EAAOJ,OAAO,GAAGC,cAAgBG,EAAOF,MAAM,GAG7C,MAACgB,EAAW,wBAEXC,EAAkB,qBACxB,SAASC,EAAwCC,GAEpD,IAAKA,IAAwBA,EAAoBC,MADpB,qBAEzB,OAAO,EAEX,MAAMC,EAAUF,EAAoBG,OAAO,EAAGH,EAAoBI,OAAS,GAC3E,OAAOC,EAAgBH,GAAWI,OAAOJ,GAAW,EAEjD,SAASK,EAAuBhC,EAAKiC,EAAWC,EAAiB,UACpE,OAAIC,EAAaF,KAAcE,EAAanC,KAGL,WAAnBkC,EAA8BlC,EAAI4B,OAAO,EAAGK,EAAUJ,QAAU7B,EAAI4B,QAAQ,EAAIK,EAAUJ,WACvFI,EAEpB,SAASG,EAAapC,EAAKqC,GAC9B,OAAOL,EAAuBhC,EAAKqC,EAAQ,UAExC,SAASC,EAAatC,EAAKuC,GAC9B,OAAOP,EAAuBhC,EAAKuC,EAAQ,UAExC,SAASC,EAAqBxC,EAAKiC,EAAWC,EAAiB,UAClE,GAAIC,EAAanC,GACb,MAAO,GAEX,GAAImC,EAAaF,KAAeD,EAAuBhC,EAAKiC,EAAWC,GACnE,OAAOlC,EAEX,OAAQkC,GACJ,IAAK,SACD,OAAOlC,EAAI4B,OAAOK,EAAUJ,QAChC,IAAK,SACD,OAAO7B,EAAI4B,OAAO,EAAG5B,EAAI6B,OAASI,EAAUJ,QAChD,QACI,OAAO7B,GAGZ,SAASyC,EAAazC,EAAKqC,GAC9B,OAAOG,EAAqBxC,EAAKqC,EAAQ,UAEtC,SAASK,EAAa1C,EAAKuC,GAC9B,OAAOC,EAAqBxC,EAAKuC,EAAQ"}
|
|
1
|
+
{"version":3,"file":"string.js","sources":["../../../../src/internal/utils/string.ts"],"sourcesContent":null,"names":["transformToString","delimiter","fns","args","map","fn","join","trim","transformToSpacedString","transformToUnspacedString","camelCaseToKebabCase","value","replace","l","toLowerCase","kebabCaseToCamelCase","str","split","item","index","charAt","toUpperCase","slice","kebabCaseToPascalCase","string","capitalizeFirstLetter","setStyles","styles","createPropStyleSelectors","Object","keys","setPropStyles","filter","prop","startsWith","props","reduce","allStyles","cssGroup","propertiesGroup","getNumericValueFromCssSecondsStyleValue","styleValueInSeconds","match","copyVal","substr","length","isNumericString","Number","isPrefixedOrSuffixedBy","stringFix","prefixOrSuffix","isNilOrEmpty","isPrefixedBy","prefix","isSuffixedBy","suffix","removePrefixOrSuffix","removePrefix","removeSuffix","replaceWord","wordToReplace","replaceWith","words","returnWords","w"],"mappings":"kEAMO,SAASA,EAAkBC,EAAWC,KAAQC,GACjD,OAAOD,EACFE,KAAIC,GACEA,KAAMF,KAEZG,KAAKL,GACLM,OAGF,SAASC,EAAwBN,KAAQC,GAC5C,OAAOH,EAAkB,IAAKE,KAAQC,GAEnC,SAASM,EAA0BP,KAAQC,GAC9C,OAAOH,EAAkB,GAAIE,KAAQC,GAElC,SAASO,EAAqBC,GACjC,OAAOA,EAAMC,QAAQ,UAAUC,GAAK,IAAIA,EAAEC,gBAEvC,SAASC,EAAqBC,GACjC,OAAOA,EACFC,MAAM,KACNb,KAAI,CAACc,EAAMC,IAAWA,EAAQD,EAAKE,OAAO,GAAGC,cAAgBH,EAAKI,MAAM,GAAGR,cAAgBI,IAC3FZ,KAAK,IAEP,SAASiB,EAAsBC,GAElC,OAAOC,EADWV,EAAqBS,IAOpC,SAASE,EAAUC,GACtB,OAAOC,EAAyBC,OAAOC,KAAKH,GAASA,GAElD,SAASI,EAAcJ,GAC1B,OAAOC,EAAyBC,OAAOC,KAAKH,GAAQK,QAAOC,GAAQA,EAAKC,WAAW,QAAQP,GAE/F,SAASC,EAAyBO,EAAOR,GACrC,OAAOQ,EAAMC,QAAO,CAACC,EAAWJ,IAAS,GAAGI,IAAYV,EAAOM,GAAQ,GAAGA,KAAQN,EAAOM,MAAW,MAAM,IAEvG,SAASR,EAAsBD,GAClC,OAAOA,EAAOJ,OAAO,GAAGC,cAAgBG,EAAOF,MAAM,GAG7C,MAACgB,EAAW,wBAEXC,EAAkB,qBACxB,SAASC,EAAwCC,GAEpD,IAAKA,IAAwBA,EAAoBC,MADpB,qBAEzB,OAAO,EAEX,MAAMC,EAAUF,EAAoBG,OAAO,EAAGH,EAAoBI,OAAS,GAC3E,OAAOC,EAAgBH,GAAWI,OAAOJ,GAAW,EAEjD,SAASK,EAAuBhC,EAAKiC,EAAWC,EAAiB,UACpE,OAAIC,EAAaF,KAAcE,EAAanC,KAGL,WAAnBkC,EAA8BlC,EAAI4B,OAAO,EAAGK,EAAUJ,QAAU7B,EAAI4B,QAAQ,EAAIK,EAAUJ,WACvFI,EAEpB,SAASG,EAAapC,EAAKqC,GAC9B,OAAOL,EAAuBhC,EAAKqC,EAAQ,UAExC,SAASC,EAAatC,EAAKuC,GAC9B,OAAOP,EAAuBhC,EAAKuC,EAAQ,UAExC,SAASC,EAAqBxC,EAAKiC,EAAWC,EAAiB,UAClE,GAAIC,EAAanC,GACb,MAAO,GAEX,GAAImC,EAAaF,KAAeD,EAAuBhC,EAAKiC,EAAWC,GACnE,OAAOlC,EAEX,OAAQkC,GACJ,IAAK,SACD,OAAOlC,EAAI4B,OAAOK,EAAUJ,QAChC,IAAK,SACD,OAAO7B,EAAI4B,OAAO,EAAG5B,EAAI6B,OAASI,EAAUJ,QAChD,QACI,OAAO7B,GAGZ,SAASyC,EAAazC,EAAKqC,GAC9B,OAAOG,EAAqBxC,EAAKqC,EAAQ,UAEtC,SAASK,EAAa1C,EAAKuC,GAC9B,OAAOC,EAAqBxC,EAAKuC,EAAQ,UAEtC,SAASI,EAAY3C,EAAK4C,EAAeC,EAAc,IAC1D,MAAMC,EAAQ9C,EAAIC,MAAM,KAClB8C,EAA8B,KAAhBF,EACdC,EAAM9B,QAAOgC,GAAKA,IAAMJ,IACxBE,EAAM1D,KAAI4D,GAAMA,IAAMJ,EAAgBC,EAAcG,IAC1D,OAAOD,EAAYlB,OAAS,EAAIkB,EAAYzD,KAAK,KAAO"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Animatable, CdsBaseFocusTrap, EventEmitter, FocusTrapTrackerService } from '@cds/core/internal';
|
|
2
|
+
import { PropertyValues } from 'lit';
|
|
2
3
|
export declare function isNestedOverlay(myId: string, overlayPrefix: string, trapIds: string[], previousValue?: boolean): boolean;
|
|
3
4
|
export declare function overlayIsActive(overlayId: string, focusTrapService?: typeof FocusTrapTrackerService): boolean;
|
|
4
5
|
declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-button-click' | 'custom';
|
|
@@ -38,18 +39,14 @@ declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-
|
|
|
38
39
|
export declare class CdsInternalOverlay extends CdsBaseFocusTrap implements Animatable {
|
|
39
40
|
cdsMotion: string;
|
|
40
41
|
cdsMotionChange: EventEmitter<string>;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
static get shadowRootOptions(): {
|
|
44
|
-
delegatesFocus: boolean;
|
|
45
|
-
mode: ShadowRootMode;
|
|
46
|
-
};
|
|
42
|
+
/** @private */
|
|
43
|
+
static get shadowRootOptions(): any;
|
|
47
44
|
private overlayIdPrefix;
|
|
48
|
-
|
|
45
|
+
closeChange: EventEmitter<CloseChangeSources>;
|
|
49
46
|
protected isLayered: boolean;
|
|
50
47
|
protected backdrop: HTMLElement;
|
|
51
|
-
firstUpdated(props:
|
|
52
|
-
updated(props:
|
|
48
|
+
firstUpdated(props: PropertyValues<this>): void;
|
|
49
|
+
updated(props: PropertyValues<this>): void;
|
|
53
50
|
connectedCallback(): void;
|
|
54
51
|
disconnectedCallback(): void;
|
|
55
52
|
constructor();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{FocusTrapTrackerService as t,CdsBaseFocusTrap as r,onKey as o,createId as
|
|
1
|
+
import{__decorate as e}from"tslib";import{FocusTrapTrackerService as t,CdsBaseFocusTrap as r,onKey as o,createId as s,baseStyles as i,property as a,event as d,state as n,animate as c,reverseAnimation as p,AnimationModalEnterName as l}from"@cds/core/internal";import{html as v}from"lit";import{query as h}from"lit/decorators/query.js";import u from"./overlay.element.scss.js";function y(e,t,r,o){const s=r.filter((e=>e.indexOf(t)>-1));return!0===o&&r.indexOf(e)<0||s.indexOf(e)>0}function f(e,r=t){var o;return(null===(o=r.getCurrent())||void 0===o?void 0:o.focusTrapId)===e}let k=class extends r{constructor(){super(),this.cdsMotion="on",this.overlayIdPrefix="_overlay-",this.isLayered=!1,this.fireEventOnBackdropClick=()=>{f(this.focusTrapId)&&this.closeOverlay("backdrop-click")},this.fireEventOnEscape=e=>{f(this.focusTrapId)&&o("escape",e,(()=>{this.closeOverlay("escape-keypress")}))},this.focusTrapId=s(this.overlayIdPrefix)}static get shadowRootOptions(){return{...super.shadowRootOptions,delegatesFocus:!0}}firstUpdated(e){super.firstUpdated(e),this.backdrop.addEventListener("click",this.fireEventOnBackdropClick)}updated(e){super.updated(e);const r=this.isLayered,o=y(this.focusTrapId,this.overlayIdPrefix,t.getTrapElements().map((e=>e.focusTrapId)),r);r!==o&&(this.isLayered=o,this.requestUpdate("isLayered",r))}connectedCallback(){super.connectedCallback(),this.ariaModal="true",this.role="dialog",window.addEventListener("keydown",this.fireEventOnEscape)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.fireEventOnEscape),this.backdrop.removeEventListener("click",this.fireEventOnBackdropClick)}closeOverlay(e="custom"){this.closeChange.emit(e)}get backdropTemplate(){return v`<div class="${this.isLayered?"overlay-backdrop layered":"overlay-backdrop"}" aria-hidden="true"></div>`}render(){return v`${this.backdropTemplate}<div class="private-host" tabindex="-1" aria-modal="true" role="dialog"><slot></slot></div>`}static get styles(){return[i,u]}};e([a({type:String})],k.prototype,"cdsMotion",void 0),e([d()],k.prototype,"cdsMotionChange",void 0),e([d()],k.prototype,"closeChange",void 0),e([n({type:Boolean})],k.prototype,"isLayered",void 0),e([h(".overlay-backdrop")],k.prototype,"backdrop",void 0),k=e([c({hidden:{true:p(l),false:l}})],k);export{k as CdsInternalOverlay,y as isNestedOverlay,f as overlayIsActive};
|
|
2
2
|
//# sourceMappingURL=overlay.element.js.map
|
|
@@ -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","
|
|
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","overlayIdPrefix","isLayered","fireEventOnBackdropClick","closeOverlay","fireEventOnEscape","e","onKey","createId","shadowRootOptions","delegatesFocus","props","firstUpdated","backdrop","addEventListener","updated","oldLayered","newLayered","getTrapElements","map","requestUpdate","connectedCallback","ariaModal","role","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,gBAAkB,YACvBF,KAAKG,WAAY,EACjBH,KAAKI,yBAA2B,KACxBf,EAAgBW,KAAKL,cACrBK,KAAKK,aAAa,mBAG1BL,KAAKM,kBAAqBC,IAClBlB,EAAgBW,KAAKL,cACrBa,EAAM,SAAUD,GAAG,KACfP,KAAKK,aAAa,uBAK9BL,KAAKL,YAAcc,EAAST,KAAKE,iBAKrCQ,+BAEI,MAAO,IAAKX,MAAMW,kBAAmBC,gBAAgB,GAEzDb,aAAac,GACTb,MAAMc,aAAaD,GACnBZ,KAAKc,SAASC,iBAAiB,QAASf,KAAKI,0BAEjDN,QAAQc,GACJb,MAAMiB,QAAQJ,GACd,MAAMK,EAAajB,KAAKG,UAClBe,EAAatC,EAAgBoB,KAAKL,YAAaK,KAAKE,gBAAiBV,EAAwB2B,kBAAkBC,KAAIb,GAAKA,EAAEZ,cAAcsB,GAC1IA,IAAeC,IACflB,KAAKG,UAAYe,EACjBlB,KAAKqB,cAAc,YAAaJ,IAGxCnB,oBACIC,MAAMuB,oBACNtB,KAAKuB,UAAY,OACjBvB,KAAKwB,KAAO,SACZC,OAAOV,iBAAiB,UAAWf,KAAKM,mBAE5CR,uBACIC,MAAM2B,uBACND,OAAOE,oBAAoB,UAAW3B,KAAKM,mBAC3CN,KAAKc,SAASa,oBAAoB,QAAS3B,KAAKI,0BAEpDN,aAAa8B,EAAU,UACnB5B,KAAK6B,YAAYC,KAAKF,GAE1BG,uBACI,OAAOC,CAAK,eACLhC,KAAKG,UAAY,2BAA6B,gDAIzDL,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,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"}
|
package/modal/modal.element.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PropertyValues } from 'lit';
|
|
1
2
|
import { Animatable } from '@cds/core/internal';
|
|
2
3
|
import { CdsInternalOverlay } from '@cds/core/internal-components/overlay';
|
|
3
4
|
/**
|
|
@@ -52,6 +53,6 @@ export declare class CdsModal extends CdsInternalOverlay implements Animatable {
|
|
|
52
53
|
/** Sets the overall height and width of the modal and icon based on value */
|
|
53
54
|
size: 'default' | 'sm' | 'lg' | 'xl';
|
|
54
55
|
toggleCloseButton(): void;
|
|
55
|
-
updated(props:
|
|
56
|
+
updated(props: PropertyValues<this>): void;
|
|
56
57
|
render(): import("lit-html").TemplateResult<1>;
|
|
57
58
|
}
|
|
@@ -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 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.
|
|
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}connectedCallback(){super.connectedCallback(),this.role="listitem",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","connectedCallback","role","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,EAEpBZ,oBACIC,MAAMY,oBACNV,KAAKW,KAAO,WACPX,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"}
|
|
@@ -2,5 +2,5 @@ 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: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:
|
|
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";
|
|
@@ -41,7 +40,6 @@ export declare class CdsNavigationStart extends LitElement implements FocusableI
|
|
|
41
40
|
* The value is synced down from the root cds-navigation element.
|
|
42
41
|
*/
|
|
43
42
|
isGroupStart: boolean;
|
|
44
|
-
role: string;
|
|
45
43
|
navigationGroupId: string;
|
|
46
44
|
/**
|
|
47
45
|
* @desc info synced down from group element and used in css to set proper bg color if a group has an active item and is not expanded
|
|
@@ -73,6 +71,6 @@ export declare class CdsNavigationStart extends LitElement implements FocusableI
|
|
|
73
71
|
private renderGroupStart;
|
|
74
72
|
render(): import("lit-html").TemplateResult<1>;
|
|
75
73
|
static get styles(): import("lit").CSSResultGroup[];
|
|
76
|
-
get toggleIconDirection()
|
|
74
|
+
private get toggleIconDirection();
|
|
77
75
|
updated(props: PropertyValues): void;
|
|
78
76
|
}
|
|
@@ -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-item.element.scss.js";import
|
|
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 x="cds-navigation-start";class y extends o{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.expandedRoot=!1,this.hasFocus=!1,this.isGroupStart=!1,this.active=!1,this.expanded=!1}connectedCallback(){super.connectedCallback(),this.role="listitem",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()],y.prototype,"i18n",void 0),t([d({type:Boolean})],y.prototype,"expandedRoot",void 0),t([l({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([d({type:Boolean,reflect:!0})],y.prototype,"isGroupStart",void 0),t([d({type:String})],y.prototype,"navigationGroupId",void 0),t([l({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],y.prototype,"expanded",void 0),t([p("[cds-navigation-start-icon]",{assign:"cds-icon-slot"})],y.prototype,"startIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationStart,x 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","
|
|
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","active","expanded","connectedCallback","role","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,EAMpBP,KAAKQ,QAAS,EAOdR,KAAKS,UAAW,EAEpBZ,oBACIC,MAAMY,oBACNV,KAAKW,KAAO,WACPX,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,KAAKS,iBAAiBT,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,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.
|
|
@@ -109,7 +104,7 @@ export declare class CdsNavigation extends LitElement implements Animatable {
|
|
|
109
104
|
*/
|
|
110
105
|
protected navigationGroupRefs: NodeListOf<CdsNavigationGroup>;
|
|
111
106
|
private toggle;
|
|
112
|
-
get currentActiveItem()
|
|
107
|
+
private get currentActiveItem();
|
|
113
108
|
protected get endTemplate(): "" | import("lit-html").TemplateResult<1>;
|
|
114
109
|
protected get startTemplate(): string | import("lit-html").TemplateResult<1>;
|
|
115
110
|
protected get visibleChildren(): FocusableElement[];
|
|
@@ -1,2 +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
|
|
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}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(),this.role="list",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};
|
|
2
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","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","role","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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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cds/core",
|
|
3
|
-
"version": "5.6.
|
|
3
|
+
"version": "5.6.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "clarity",
|
|
6
6
|
"description": "Clarity Design System Web Components",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"*"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"lit": "2.
|
|
31
|
-
"ramda": "^0.
|
|
32
|
-
"tslib": "^2.
|
|
30
|
+
"lit": "^2.1.3",
|
|
31
|
+
"ramda": "^0.28.0",
|
|
32
|
+
"tslib": "^2.3.1"
|
|
33
33
|
},
|
|
34
34
|
"optionalDependencies": {
|
|
35
35
|
"@cds/city": "^1.1.0",
|
|
@@ -64,7 +64,6 @@
|
|
|
64
64
|
"./range/register.js",
|
|
65
65
|
"./search/register.js",
|
|
66
66
|
"./select/register.js",
|
|
67
|
-
"./selection-panels/register.js",
|
|
68
67
|
"./selection-panels/checkbox/register.js",
|
|
69
68
|
"./selection-panels/radio/register.js",
|
|
70
69
|
"./tag/register.js",
|
|
@@ -72,16 +71,20 @@
|
|
|
72
71
|
"./test-dropdown/register.js",
|
|
73
72
|
"./time/register.js",
|
|
74
73
|
"./toggle/register.js",
|
|
75
|
-
"./tree-view/register.js"
|
|
74
|
+
"./tree-view/register.js",
|
|
75
|
+
"./polyfills/index.js",
|
|
76
|
+
"./polyfills/aria-reflect.js"
|
|
76
77
|
],
|
|
77
78
|
"exports": {
|
|
78
79
|
"./package.json": "./package.json",
|
|
79
80
|
"./custom-elements.json": "./custom-elements.json",
|
|
80
81
|
".": "./index.js",
|
|
81
82
|
"./internal": "./internal/index.js",
|
|
83
|
+
"./polyfills": "./polyfills/index.js",
|
|
82
84
|
"./test": "./test/index.js",
|
|
83
85
|
"./icon/shapes/*": "./icon/shapes/*",
|
|
84
86
|
"./icon/icon.service.js": "./icon/icon.service.js",
|
|
87
|
+
"./polyfills/index.js": "./polyfills/index.js",
|
|
85
88
|
"./tokens/tokens.js": "./tokens/tokens.js",
|
|
86
89
|
"./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
|
|
87
90
|
"./tokens/tokens.json": "./tokens/tokens.json",
|
|
@@ -169,9 +172,6 @@
|
|
|
169
172
|
"./select": "./select/index.js",
|
|
170
173
|
"./select/register": "./select/register.js",
|
|
171
174
|
"./select/register.js": "./select/register.js",
|
|
172
|
-
"./selection-panels": "./selection-panels/index.js",
|
|
173
|
-
"./selection-panels/register": "./selection-panels/register.js",
|
|
174
|
-
"./selection-panels/register.js": "./selection-panels/register.js",
|
|
175
175
|
"./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
|
|
176
176
|
"./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
|
|
177
177
|
"./selection-panels/checkbox/register.js": "./selection-panels/checkbox/register.js",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { CdsBaseButton } from '@cds/core/internal';
|
|
2
|
+
import { PropertyValues } from 'lit';
|
|
2
3
|
/**
|
|
3
4
|
* Web component pagination button to be used inside pagination.
|
|
4
5
|
*
|
|
@@ -40,6 +41,6 @@ export declare class CdsPaginationButton extends CdsBaseButton {
|
|
|
40
41
|
private get customContent();
|
|
41
42
|
render(): import("lit-html").TemplateResult<1>;
|
|
42
43
|
static get styles(): import("lit").CSSResultGroup[];
|
|
43
|
-
firstUpdated(props:
|
|
44
|
+
firstUpdated(props: PropertyValues<this>): void;
|
|
44
45
|
private validateAriaLabel;
|
|
45
46
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
/**
|
|
3
3
|
* Web component pagination.
|
|
4
4
|
*
|
|
@@ -28,7 +28,7 @@ export declare class CdsPagination extends LitElement {
|
|
|
28
28
|
private numberInput;
|
|
29
29
|
render(): import("lit-html").TemplateResult<1>;
|
|
30
30
|
static get styles(): import("lit").CSSResultGroup[];
|
|
31
|
-
firstUpdated(props:
|
|
31
|
+
firstUpdated(props: PropertyValues<this>): void;
|
|
32
32
|
private setupNumberInput;
|
|
33
33
|
private validateAriaLabel;
|
|
34
34
|
}
|
|
@@ -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"}
|