@cds/core 5.6.2 → 6.0.0-beta.1

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@cds/core",
-  "version": "5.6.2",
   "license": "MIT",
   "author": "clarity",
-  "description": "Clarity Design System Web Components",
+  "description": "Clarity Design System - common components, themes, and utilties",
   "homepage": "https://clarity.design",
-  "customElements": "custom-elements.json",
+  "customElements": "./custom-elements.json",
   "keywords": [
     "web component",
     "design system",
@@ -14,10 +13,10 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/vmware/clarity.git"
+    "url": "https://github.com/vmware-clarity/core.git"
   },
   "bugs": {
-    "url": "https://github.com/vmware/clarity/issues"
+    "url": "https://github.com/vmware-clarity/core/issues"
   },
   "main": "./index.js",
   "module": "./index.js",
@@ -27,13 +26,12 @@
     "*"
   ],
   "dependencies": {
-    "lit": "2.0.0-rc.2",
-    "ramda": "^0.27.1",
-    "tslib": "^2.2.0"
+    "lit": "^2.1.3",
+    "ramda": "^0.28.0",
+    "tslib": "^2.3.1"
   },
   "optionalDependencies": {
     "@cds/city": "^1.1.0",
-    "@types/resize-observer-browser": "^0.1.5",
     "modern-normalize": "1.1.0"
   },
   "sideEffects": [
@@ -41,19 +39,28 @@
     "./alert/register.js",
     "./badge/register.js",
     "./breadcrumb/register.js",
+    "./button-action/register.js",
+    "./button-expand/register.js",
+    "./button-handle/register.js",
+    "./button-inline/register.js",
+    "./button-sort/register.js",
     "./button/register.js",
     "./card/register.js",
     "./checkbox/register.js",
     "./datalist/register.js",
     "./date/register.js",
     "./divider/register.js",
+    "./dropdown/register.js",
     "./file/register.js",
     "./forms/register.js",
+    "./grid/register.js",
     "./icon/register.js",
     "./input/register.js",
     "./internal-components/close-button/register.js",
     "./internal-components/overlay/register.js",
     "./internal-components/panel/register.js",
+    "./internal-components/popup/register.js",
+    "./internal-components/split-handle/register.js",
     "./internal-components/visual-checkbox/register.js",
     "./modal/register.js",
     "./navigation/register.js",
@@ -66,155 +73,188 @@
     "./select/register.js",
     "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js",
+    "./signpost/register.js",
     "./tag/register.js",
-    "./textarea/register.js",
     "./test-dropdown/register.js",
+    "./textarea/register.js",
     "./time/register.js",
     "./toggle/register.js",
     "./tree-view/register.js",
-    "./polyfills/index.js",
-    "./polyfills/aria-reflect.js"
+    "./polyfills/aria-reflect.js",
+    "./polyfills/at.js",
+    "./polyfills/index.js"
   ],
   "exports": {
     "./package.json": "./package.json",
     "./custom-elements.json": "./custom-elements.json",
-    ".": "./index.js",
+    "./accordion": "./accordion/index.js",
+    "./alert": "./alert/index.js",
+    "./badge": "./badge/index.js",
+    "./breadcrumb": "./breadcrumb/index.js",
+    "./button-action": "./button-action/index.js",
+    "./button-expand": "./button-expand/index.js",
+    "./button-handle": "./button-handle/index.js",
+    "./button-inline": "./button-inline/index.js",
+    "./button-sort": "./button-sort/index.js",
+    "./button": "./button/index.js",
+    "./card": "./card/index.js",
+    "./checkbox": "./checkbox/index.js",
+    "./datalist": "./datalist/index.js",
+    "./date": "./date/index.js",
+    "./demo": "./demo/index.js",
+    "./divider": "./divider/index.js",
+    "./dropdown": "./dropdown/index.js",
+    "./file": "./file/index.js",
+    "./forms": "./forms/index.js",
+    "./grid": "./grid/index.js",
+    "./icon": "./icon/index.js",
+    "./": "./index.js",
+    "./input": "./input/index.js",
+    "./internal-components/close-button": "./internal-components/close-button/index.js",
+    "./internal-components/overlay": "./internal-components/overlay/index.js",
+    "./internal-components/panel": "./internal-components/panel/index.js",
+    "./internal-components/popup": "./internal-components/popup/index.js",
+    "./internal-components/split-handle": "./internal-components/split-handle/index.js",
+    "./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
     "./internal": "./internal/index.js",
+    "./modal": "./modal/index.js",
+    "./navigation": "./navigation/index.js",
+    "./pagination": "./pagination/index.js",
+    "./password": "./password/index.js",
     "./polyfills": "./polyfills/index.js",
+    "./progress-circle": "./progress-circle/index.js",
+    "./radio": "./radio/index.js",
+    "./range": "./range/index.js",
+    "./search": "./search/index.js",
+    "./select": "./select/index.js",
+    "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
+    "./selection-panels/radio": "./selection-panels/radio/index.js",
+    "./signpost": "./signpost/index.js",
+    "./tag": "./tag/index.js",
+    "./test-dropdown": "./test-dropdown/index.js",
     "./test": "./test/index.js",
-    "./icon/shapes/*": "./icon/shapes/*",
-    "./icon/icon.service.js": "./icon/icon.service.js",
-    "./polyfills/index.js": "./polyfills/index.js",
-    "./tokens/tokens.js": "./tokens/tokens.js",
-    "./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
-    "./tokens/tokens.json": "./tokens/tokens.json",
-    "./tokens/tokens.scss": "./tokens/tokens.scss",
-    "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
-    "./tokens/tokens.android.xml": "./tokens/tokens.android.xml",
-    "./accordion": "./accordion/index.js",
-    "./accordion/register": "./accordion/register.js",
+    "./textarea": "./textarea/index.js",
+    "./time": "./time/index.js",
+    "./toggle": "./toggle/index.js",
+    "./tree-view": "./tree-view/index.js",
     "./accordion/register.js": "./accordion/register.js",
-    "./alert": "./alert/index.js",
-    "./alert/register": "./alert/register.js",
+    "./accordion/register": "./accordion/register.js",
     "./alert/register.js": "./alert/register.js",
-    "./badge": "./badge/index.js",
-    "./badge/register": "./badge/register.js",
+    "./alert/register": "./alert/register.js",
     "./badge/register.js": "./badge/register.js",
-    "./breadcrumb": "./breadcrumb/index.js",
-    "./breadcrumb/register": "./breadcrumb/register.js",
+    "./badge/register": "./badge/register.js",
     "./breadcrumb/register.js": "./breadcrumb/register.js",
-    "./button": "./button/index.js",
-    "./button/register": "./button/register.js",
+    "./breadcrumb/register": "./breadcrumb/register.js",
+    "./button-action/register.js": "./button-action/register.js",
+    "./button-action/register": "./button-action/register.js",
+    "./button-expand/register.js": "./button-expand/register.js",
+    "./button-expand/register": "./button-expand/register.js",
+    "./button-handle/register.js": "./button-handle/register.js",
+    "./button-handle/register": "./button-handle/register.js",
+    "./button-inline/register.js": "./button-inline/register.js",
+    "./button-inline/register": "./button-inline/register.js",
+    "./button-sort/register.js": "./button-sort/register.js",
+    "./button-sort/register": "./button-sort/register.js",
     "./button/register.js": "./button/register.js",
-    "./card": "./card/index.js",
-    "./card/register": "./card/register.js",
+    "./button/register": "./button/register.js",
     "./card/register.js": "./card/register.js",
-    "./checkbox": "./checkbox/index.js",
-    "./checkbox/register": "./checkbox/register.js",
+    "./card/register": "./card/register.js",
     "./checkbox/register.js": "./checkbox/register.js",
-    "./datalist": "./datalist/index.js",
-    "./datalist/register": "./datalist/register.js",
+    "./checkbox/register": "./checkbox/register.js",
     "./datalist/register.js": "./datalist/register.js",
-    "./date": "./date/index.js",
-    "./date/register": "./date/register.js",
+    "./datalist/register": "./datalist/register.js",
     "./date/register.js": "./date/register.js",
-    "./divider": "./divider/index.js",
-    "./divider/register": "./divider/register.js",
+    "./date/register": "./date/register.js",
     "./divider/register.js": "./divider/register.js",
-    "./file": "./file/index.js",
-    "./file/register": "./file/register.js",
+    "./divider/register": "./divider/register.js",
+    "./dropdown/register.js": "./dropdown/register.js",
+    "./dropdown/register": "./dropdown/register.js",
     "./file/register.js": "./file/register.js",
-    "./forms": "./forms/index.js",
-    "./forms/register": "./forms/register.js",
+    "./file/register": "./file/register.js",
     "./forms/register.js": "./forms/register.js",
-    "./icon": "./icon/index.js",
-    "./icon/register": "./icon/register.js",
+    "./forms/register": "./forms/register.js",
+    "./grid/register.js": "./grid/register.js",
+    "./grid/register": "./grid/register.js",
     "./icon/register.js": "./icon/register.js",
-    "./input": "./input/index.js",
-    "./input/register": "./input/register.js",
+    "./icon/register": "./icon/register.js",
     "./input/register.js": "./input/register.js",
-    "./internal-components/close-button": "./internal-components/close-button/index.js",
-    "./internal-components/close-button/register": "./internal-components/close-button/register.js",
+    "./input/register": "./input/register.js",
     "./internal-components/close-button/register.js": "./internal-components/close-button/register.js",
-    "./internal-components/overlay": "./internal-components/overlay/index.js",
-    "./internal-components/overlay/register": "./internal-components/overlay/register.js",
+    "./internal-components/close-button/register": "./internal-components/close-button/register.js",
     "./internal-components/overlay/register.js": "./internal-components/overlay/register.js",
-    "./internal-components/panel": "./internal-components/panel/index.js",
-    "./internal-components/panel/register": "./internal-components/panel/register.js",
+    "./internal-components/overlay/register": "./internal-components/overlay/register.js",
     "./internal-components/panel/register.js": "./internal-components/panel/register.js",
-    "./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
-    "./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
+    "./internal-components/panel/register": "./internal-components/panel/register.js",
+    "./internal-components/popup/register.js": "./internal-components/popup/register.js",
+    "./internal-components/popup/register": "./internal-components/popup/register.js",
+    "./internal-components/split-handle/register.js": "./internal-components/split-handle/register.js",
+    "./internal-components/split-handle/register": "./internal-components/split-handle/register.js",
     "./internal-components/visual-checkbox/register.js": "./internal-components/visual-checkbox/register.js",
-    "./modal": "./modal/index.js",
-    "./modal/register": "./modal/register.js",
+    "./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
     "./modal/register.js": "./modal/register.js",
-    "./navigation": "./navigation/index.js",
-    "./navigation/register": "./navigation/register.js",
+    "./modal/register": "./modal/register.js",
     "./navigation/register.js": "./navigation/register.js",
-    "./pagination": "./pagination/index.js",
-    "./pagination/register": "./pagination/register.js",
+    "./navigation/register": "./navigation/register.js",
     "./pagination/register.js": "./pagination/register.js",
-    "./password": "./password/index.js",
-    "./password/register": "./password/register.js",
+    "./pagination/register": "./pagination/register.js",
     "./password/register.js": "./password/register.js",
-    "./progress-circle": "./progress-circle/index.js",
-    "./progress-circle/register": "./progress-circle/register.js",
+    "./password/register": "./password/register.js",
     "./progress-circle/register.js": "./progress-circle/register.js",
-    "./radio": "./radio/index.js",
-    "./radio/register": "./radio/register.js",
+    "./progress-circle/register": "./progress-circle/register.js",
     "./radio/register.js": "./radio/register.js",
-    "./range": "./range/index.js",
-    "./range/register": "./range/register.js",
+    "./radio/register": "./radio/register.js",
     "./range/register.js": "./range/register.js",
-    "./search": "./search/index.js",
-    "./search/register": "./search/register.js",
+    "./range/register": "./range/register.js",
     "./search/register.js": "./search/register.js",
-    "./select": "./select/index.js",
-    "./select/register": "./select/register.js",
+    "./search/register": "./search/register.js",
     "./select/register.js": "./select/register.js",
-    "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
-    "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
+    "./select/register": "./select/register.js",
     "./selection-panels/checkbox/register.js": "./selection-panels/checkbox/register.js",
-    "./selection-panels/radio": "./selection-panels/radio/index.js",
-    "./selection-panels/radio/register": "./selection-panels/radio/register.js",
+    "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js": "./selection-panels/radio/register.js",
-    "./tag": "./tag/index.js",
-    "./tag/register": "./tag/register.js",
+    "./selection-panels/radio/register": "./selection-panels/radio/register.js",
+    "./signpost/register.js": "./signpost/register.js",
+    "./signpost/register": "./signpost/register.js",
     "./tag/register.js": "./tag/register.js",
-    "./textarea": "./textarea/index.js",
-    "./textarea/register": "./textarea/register.js",
-    "./textarea/register.js": "./textarea/register.js",
-    "./test-dropdown": "./test-dropdown/index.js",
-    "./test-dropdown/register": "./test-dropdown/register.js",
+    "./tag/register": "./tag/register.js",
     "./test-dropdown/register.js": "./test-dropdown/register.js",
-    "./time": "./time/index.js",
-    "./time/register": "./time/register.js",
+    "./test-dropdown/register": "./test-dropdown/register.js",
+    "./textarea/register.js": "./textarea/register.js",
+    "./textarea/register": "./textarea/register.js",
     "./time/register.js": "./time/register.js",
-    "./toggle": "./toggle/index.js",
-    "./toggle/register": "./toggle/register.js",
+    "./time/register": "./time/register.js",
     "./toggle/register.js": "./toggle/register.js",
-    "./tree-view": "./tree-view/index.js",
-    "./tree-view/register": "./tree-view/register.js",
+    "./toggle/register": "./toggle/register.js",
     "./tree-view/register.js": "./tree-view/register.js",
+    "./tree-view/register": "./tree-view/register.js",
     "./global.css": "./global.css",
     "./global.min.css": "./global.min.css",
-    "./styles/module.tokens.css": "./styles/module.tokens.css",
-    "./styles/module.tokens.min.css": "./styles/module.tokens.min.css",
+    "./styles/shim.clr-ui.css": "./styles/shim.clr-ui.css",
+    "./styles/shim.clr-ui.min.css": "./styles/shim.clr-ui.min.css",
     "./styles/module.layout.css": "./styles/module.layout.css",
     "./styles/module.layout.min.css": "./styles/module.layout.min.css",
     "./styles/module.reset.css": "./styles/module.reset.css",
     "./styles/module.reset.min.css": "./styles/module.reset.min.css",
-    "./styles/module.shims.css": "./styles/module.shims.css",
-    "./styles/module.shims.min.css": "./styles/module.shims.min.css",
     "./styles/module.typography.css": "./styles/module.typography.css",
     "./styles/module.typography.min.css": "./styles/module.typography.min.css",
     "./styles/theme.dark.css": "./styles/theme.dark.css",
     "./styles/theme.dark.min.css": "./styles/theme.dark.min.css",
     "./styles/theme.low-motion.css": "./styles/theme.low-motion.css",
     "./styles/theme.low-motion.min.css": "./styles/theme.low-motion.min.css",
+    "./styles/theme.high-contrast.css": "./styles/theme.high-contrast.css",
+    "./styles/theme.high-contrast.min.css": "./styles/theme.high-contrast.min.css",
     "./list/list.css": "./list/list.css",
     "./list/list.min.css": "./list/list.min.css",
     "./table/table.css": "./table/table.css",
-    "./table/table.min.css": "./table/table.min.css"
-  }
+    "./table/table.min.css": "./table/table.min.css",
+    "./icon/shapes/*": "./icon/shapes/*",
+    "./icon/icon.service.js": "./icon/icon.service.js",
+    "./tokens/tokens.js": "./tokens/tokens.js",
+    "./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
+    "./tokens/tokens.json": "./tokens/tokens.json",
+    "./tokens/tokens.scss": "./tokens/tokens.scss",
+    "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
+    "./tokens/tokens.android.xml": "./tokens/tokens.android.xml"
+  },
+  "version": "6.0.0-beta.1"
 }

package/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/pagination/pagination-button.element.d.ts

@@ -1,4 +1,5 @@
-import { CdsBaseButton } from '@cds/core/internal';
+import { PropertyValues } from 'lit';
+import { CdsButtonAction } from '@cds/core/button-action';
 /**
  * Web component pagination button to be used inside pagination.
  *
@@ -28,18 +29,14 @@ import { CdsBaseButton } from '@cds/core/internal';
  * @cssprop --box-shadow
  * @cssprop --min-height
  * @cssprop --min-width
+ * @property disabled
  */
-export declare class CdsPaginationButton extends CdsBaseButton {
+export declare class CdsPaginationButton extends CdsButtonAction {
     /**
      * Sets the action from a predefined list of actions
      */
     action: 'first' | 'prev' | 'next' | 'last';
-    connectedCallback(): void;
-    cdsIcon: HTMLElement;
-    private cdsIconDefault;
-    private get customContent();
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): import("lit").CSSResultGroup[];
-    firstUpdated(props: Map<string, any>): void;
-    private validateAriaLabel;
+    private direction;
+    private cdsIcon;
+    updated(props: PropertyValues<this>): void;
 }

package/pagination/pagination-button.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{CdsBaseButton as i,baseStyles as o,notProductionEnvironment as s,LogService as e,property as n,querySlot as c}from"@cds/core/internal";import{html as a}from"lit";import{query as r}from"lit/decorators/query.js";import d from"./pagination-button.element.scss.js";class l extends i{connectedCallback(){super.connectedCallback(),this.type="button"}get customContent(){return!this.action&&!this.cdsIconDefault}render(){return a`<div class="private-host" cds-layout="horizontal align:center ${this.customContent?"p-x:sm":""}"><slot name="cds-icon-slot">${"next"===this.action?a`<cds-icon shape="angle" direction="right"></cds-icon>`:""} ${"last"===this.action?a`<cds-icon shape="step-forward-2" direction="up"></cds-icon>`:""} ${"prev"===this.action?a`<cds-icon shape="angle" direction="left"></cds-icon>`:""} ${"first"===this.action?a`<cds-icon shape="step-forward-2" direction="down"></cds-icon>`:""}</slot><slot></slot></div>`}static get styles(){return[o,d]}firstUpdated(t){super.firstUpdated(t),this.validateAriaLabel()}validateAriaLabel(){var t;s()&&(this.cdsIcon||this.cdsIconDefault)&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([n({type:String})],l.prototype,"action",void 0),t([c("cds-icon",{assign:"cds-icon-slot"})],l.prototype,"cdsIcon",void 0),t([r("cds-icon")],l.prototype,"cdsIconDefault",void 0);export{l as CdsPaginationButton};
+import{__decorate as t}from"tslib";import{property as o}from"@cds/core/internal";import{state as i}from"lit/decorators/state.js";import{query as r}from"lit/decorators/query.js";import{CdsButtonAction as s}from"@cds/core/button-action";import{getPaginationIconConfig as c}from"./utils.js";class e extends s{updated(t){super.updated(t);const{shape:o,direction:i}=c(this.action);this.shape=o,this.direction=i,this.cdsIcon&&(this.cdsIcon.direction=this.direction)}}t([o({type:String})],e.prototype,"action",void 0),t([i()],e.prototype,"direction",void 0),t([r("cds-icon")],e.prototype,"cdsIcon",void 0);export{e as CdsPaginationButton};
 //# sourceMappingURL=pagination-button.element.js.map

package/pagination/pagination-button.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":null,"names":["CdsPaginationButton","CdsBaseButton","[object Object]","super","connectedCallback","this","type","customContent","action","cdsIconDefault","html","styles","baseStyles","props","firstUpdated","validateAriaLabel","_a","notProductionEnvironment","cdsIcon","getAttribute","length","LogService","warn","__decorate","property","String","prototype","querySlot","assign","query"],"mappings":"+SAwCO,MAAMA,UAA4BC,EACrCC,oBACIC,MAAMC,oBACNC,KAAKC,KAAO,SAEhBC,oBACI,OAAQF,KAAKG,SAAWH,KAAKI,eAEjCP,SACI,OAAOQ,CAAK,iEACkDL,KAAKE,cAAgB,SAAW,kCAE1E,SAAhBF,KAAKG,OAAoBE,CAAK,wDAA0D,MACxE,SAAhBL,KAAKG,OAAoBE,CAAK,8DAAgE,MAC9E,SAAhBL,KAAKG,OAAoBE,CAAK,uDAAyD,MACvE,UAAhBL,KAAKG,OAAqBE,CAAK,gEAAkE,+BAMzGC,oBACI,MAAO,CAACC,EAAYD,GAExBT,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKU,oBAETb,oBACI,IAAIc,EACAC,MACCZ,KAAKa,SAAWb,KAAKI,mBACuB,QAA1CO,EAAKX,KAAKc,aAAa,qBAAkC,IAAPH,OAAgB,EAASA,EAAGI,SACjFC,EAAWC,KAAK,2BAA4BjB,OAIxDkB,EAAW,CACPC,EAAS,CAAElB,KAAMmB,UAClBzB,EAAoB0B,UAAW,cAAU,GAC5CH,EAAW,CACPI,EAAU,WAAY,CAAEC,OAAQ,mBACjC5B,EAAoB0B,UAAW,eAAW,GAC7CH,EAAW,CACPM,EAAM,aACP7B,EAAoB0B,UAAW,sBAAkB"}
+{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport { state } from 'lit/decorators/state.js';\nimport { query } from 'lit/decorators/query.js';\nimport { CdsButtonAction } from '@cds/core/button-action';\nimport { getPaginationIconConfig } from './utils.js';\n/**\n * Web component pagination button to be used inside pagination.\n *\n * ```typescript\n * import '@cds/core/pagination/register.js';\n * ```\n *\n * ```html\n * <cds-pagination>\n *   <cds-pagination-button action=\"first\" disabled></cds-pagination-button>\n *   <cds-pagination-button action=\"prev\" disabled></cds-pagination-button>\n *   <span aria-label=\"current page\">1 / 3</span>\n *   <cds-pagination-button action=\"next\"></cds-pagination-button>\n *   <cds-pagination-button action=\"last\"></cds-pagination-button>\n * </cds-pagination>\n * ```\n *\n * @beta\n * @element cds-pagination-button\n * @slot\n * @slot cds-icon\n * @cssprop --background\n * @cssprop --padding\n * @cssprop --border-color\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --min-height\n * @cssprop --min-width\n * @property disabled\n */\nexport class CdsPaginationButton extends CdsButtonAction {\n    updated(props) {\n        super.updated(props);\n        const { shape, direction } = getPaginationIconConfig(this.action);\n        this.shape = shape;\n        this.direction = direction;\n        if (this.cdsIcon) {\n            this.cdsIcon.direction = this.direction;\n        }\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsPaginationButton.prototype, \"action\", void 0);\n__decorate([\n    state()\n], CdsPaginationButton.prototype, \"direction\", void 0);\n__decorate([\n    query('cds-icon')\n], CdsPaginationButton.prototype, \"cdsIcon\", void 0);\n"],"names":["CdsPaginationButton","CdsButtonAction","updated","props","super","shape","direction","getPaginationIconConfig","this","action","cdsIcon","__decorate","property","type","String","prototype","state","query"],"mappings":"gSA0CO,MAAMA,UAA4BC,EACrCC,QAAQC,GACJC,MAAMF,QAAQC,GACd,MAAME,MAAEA,EAAKC,UAAEA,GAAcC,EAAwBC,KAAKC,QAC1DD,KAAKH,MAAQA,EACbG,KAAKF,UAAYA,EACbE,KAAKE,UACLF,KAAKE,QAAQJ,UAAYE,KAAKF,YAI1CK,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAoBe,UAAW,cAAU,GAC5CJ,EAAW,CACPK,KACDhB,EAAoBe,UAAW,iBAAa,GAC/CJ,EAAW,CACPM,EAAM,aACPjB,EAAoBe,UAAW,eAAW"}

package/pagination/pagination.element.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 /**
  * Web component pagination.
  *
@@ -24,11 +24,11 @@ import { LitElement } from 'lit';
  * @cssprop --font-size
  */
 export declare class CdsPagination extends LitElement {
-    protected globalStyles: import("lit").CSSResultGroup;
+    protected globalStyles: import("lit").CSSResult;
     private numberInput;
     render(): import("lit-html").TemplateResult<1>;
     static get styles(): import("lit").CSSResultGroup[];
-    firstUpdated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
     private setupNumberInput;
     private validateAriaLabel;
 }

package/pagination/pagination.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as i,notProductionEnvironment as s,LogService as e,globalStyle as r,querySlot as o}from"@cds/core/internal";import{LitElement as n,css as a,html as l}from"lit";import{cache as p}from"lit/directives/cache.js";import u from"./pagination.element.scss.js";class d extends n{constructor(){super(...arguments),this.globalStyles=a`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=l`<slot></slot>`,i=l`<div cds-layout="horizontal gap:md align:center"><slot></slot></div>`;return l`${p(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[i,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){var t;s()&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([r()],d.prototype,"globalStyles",void 0),t([o("cds-input[cds-pagination-number]")],d.prototype,"numberInput",void 0);export{d as CdsPagination};
+import{__decorate as t}from"tslib";import{LitElement as i,css as s,html as e}from"lit";import{cache as r}from"lit/directives/cache.js";import{baseStyles as n,notProductionEnvironment as o,LogService as a,globalStyle as l,querySlot as p}from"@cds/core/internal";import u from"./pagination.element.scss.js";class m extends i{constructor(){super(...arguments);this.globalStyles=s`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=e`<slot></slot>`,i=e`<div cds-layout="horizontal gap:sm align:center"><slot></slot></div>`;return e`${r(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[n,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){o()&&!this.getAttribute("aria-label")?.length&&a.warn("An aria-label is missing",this)}}t([l()],m.prototype,"globalStyles",void 0),t([p("cds-input[cds-pagination-number]")],m.prototype,"numberInput",void 0);export{m as CdsPagination};
 //# sourceMappingURL=pagination.element.js.map

package/pagination/pagination.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.element.js","sources":["../../../src/pagination/pagination.element.ts"],"sourcesContent":null,"names":["CdsPagination","LitElement","[object Object]","super","arguments","this","globalStyles","css","userLayout","html","defaultLayout","cache","hasAttribute","styles","baseStyles","props","firstUpdated","setupNumberInput","validateAriaLabel","numberInput","controlWidth","layout","_a","notProductionEnvironment","getAttribute","length","LogService","warn","__decorate","globalStyle","prototype","querySlot"],"mappings":"iTAkCO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,aAAeC,CAAI,mEAM5BL,SACI,MAAMM,EAAaC,CAAK,gBAClBC,EAAgBD,CAAK,uEAC3B,OAAOA,CAAK,GAAGE,EAAMN,KAAKO,aAAa,cAAgBJ,EAAaE,KAExEG,oBACI,MAAO,CAACC,EAAYD,GAExBX,aAAaa,GACTZ,MAAMa,aAAaD,GACnBV,KAAKY,mBACLZ,KAAKa,oBAEThB,mBACQG,KAAKc,cACLd,KAAKc,YAAYC,aAAe,SAChCf,KAAKc,YAAYE,OAAS,WAGlCnB,oBACI,IAAIoB,EACAC,OAA2E,QAA1CD,EAAKjB,KAAKmB,aAAa,qBAAkC,IAAPF,OAAgB,EAASA,EAAGG,SAC/GC,EAAWC,KAAK,2BAA4BtB,OAIxDuB,EAAW,CACPC,KACD7B,EAAc8B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX/B,EAAc8B,UAAW,mBAAe"}
+{"version":3,"file":"pagination.element.js","sources":["../../../src/pagination/pagination.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { css, html, LitElement } from 'lit';\nimport { cache } from 'lit/directives/cache.js';\nimport { baseStyles, globalStyle, LogService, notProductionEnvironment, querySlot } from '@cds/core/internal';\nimport styles from './pagination.element.scss';\n/**\n * Web component pagination.\n *\n * ```typescript\n * import '@cds/core/pagination/register.js';\n * ```\n *\n * ```html\n * <cds-pagination>\n *   <cds-pagination-button action=\"first\" disabled></cds-pagination-button>\n *   <cds-pagination-button action=\"prev\" disabled></cds-pagination-button>\n *   <span aria-label=\"current page\">1 / 3</span>\n *   <cds-pagination-button action=\"next\"></cds-pagination-button>\n *   <cds-pagination-button action=\"last\"></cds-pagination-button>\n * </cds-pagination>\n * ```\n *\n * @beta\n * @element cds-pagination\n * @slot\n * @slot cds-pagination-button\n * @cssprop --color\n * @cssprop --font-size\n */\nexport class CdsPagination extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = css `\n    [cds-pagination-number] > cds-control-message {\n      --min-width: initial;\n    }\n  `;\n    }\n    render() {\n        const userLayout = html `<slot></slot>`;\n        const defaultLayout = html `<div cds-layout=\"horizontal gap:sm align:center\"><slot></slot></div>`;\n        return html `${cache(this.hasAttribute('cds-layout') ? userLayout : defaultLayout)}`;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.setupNumberInput();\n        this.validateAriaLabel();\n    }\n    setupNumberInput() {\n        if (this.numberInput) {\n            this.numberInput.controlWidth = 'shrink';\n            this.numberInput.layout = 'compact';\n        }\n    }\n    validateAriaLabel() {\n        if (notProductionEnvironment() && !this.getAttribute('aria-label')?.length) {\n            LogService.warn('An aria-label is missing', this);\n        }\n    }\n}\n__decorate([\n    globalStyle()\n], CdsPagination.prototype, \"globalStyles\", void 0);\n__decorate([\n    querySlot('cds-input[cds-pagination-number]')\n], CdsPagination.prototype, \"numberInput\", void 0);\n"],"names":["CdsPagination","LitElement","constructor","super","this","globalStyles","css","render","userLayout","html","defaultLayout","cache","hasAttribute","styles","baseStyles","firstUpdated","props","setupNumberInput","validateAriaLabel","numberInput","controlWidth","layout","notProductionEnvironment","getAttribute","length","LogService","warn","__decorate","globalStyle","prototype","querySlot"],"mappings":"iTAkCO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,aAAeC,CAAI,mEAM5BC,SACI,MAAMC,EAAaC,CAAK,gBAClBC,EAAgBD,CAAK,uEAC3B,OAAOA,CAAK,GAAGE,EAAMP,KAAKQ,aAAa,cAAgBJ,EAAaE,KAE7DG,oBACP,MAAO,CAACC,EAAYD,GAExBE,aAAaC,GACTb,MAAMY,aAAaC,GACnBZ,KAAKa,mBACLb,KAAKc,oBAETD,mBACQb,KAAKe,cACLf,KAAKe,YAAYC,aAAe,SAChChB,KAAKe,YAAYE,OAAS,WAGlCH,oBACQI,MAA+BlB,KAAKmB,aAAa,eAAeC,QAChEC,EAAWC,KAAK,2BAA4BtB,OAIxDuB,EAAW,CACPC,KACD5B,EAAc6B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX9B,EAAc6B,UAAW,mBAAe"}

package/pagination/pagination.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export default o;
+import{css as o}from"lit";var a=o`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);color:var(--color);display:flex;width:auto;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export{a as default};
 //# sourceMappingURL=pagination.element.scss.js.map

package/pagination/pagination.element.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"pagination.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/pagination/register.d.ts

@@ -1,6 +1,7 @@
 import '@cds/core/button/register.js';
 import '@cds/core/icon/register.js';
 import '@cds/core/input/register.js';
+import '@cds/core/select/register.js';
 import { CdsPaginationButton } from './pagination-button.element.js';
 import { CdsPagination } from './pagination.element.js';
 declare global {

package/pagination/register.js

@@ -1,2 +1,2 @@
-import"@cds/core/button/register.js";import"@cds/core/icon/register.js";import"@cds/core/input/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{angleIcon as i}from"@cds/core/icon/shapes/angle.js";import{stepForward2Icon as s}from"@cds/core/icon/shapes/step-forward-2.js";import{CdsPaginationButton as t}from"./pagination-button.element.js";import{CdsPagination as e}from"./pagination.element.js";o("cds-pagination",e),o("cds-pagination-button",t),r.addIcons(i),r.addIcons(s);
+import"@cds/core/button/register.js";import"@cds/core/icon/register.js";import"@cds/core/input/register.js";import"@cds/core/select/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{angleIcon as s}from"@cds/core/icon/shapes/angle.js";import{stepForward2Icon as e}from"@cds/core/icon/shapes/step-forward-2.js";import{CdsPaginationButton as i}from"./pagination-button.element.js";import{CdsPagination as t}from"./pagination.element.js";o("cds-pagination",t),o("cds-pagination-button",i),r.addIcons(s),r.addIcons(e);
 //# sourceMappingURL=register.js.map

package/pagination/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/pagination/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPagination","CdsPaginationButton","ClarityIcons","addIcons","angleIcon","stepForward2Icon"],"mappings":"weAcAA,EAAsB,iBAAkBC,GACxCD,EAAsB,wBAAyBE,GAC/CC,EAAaC,SAASC,GACtBF,EAAaC,SAASE"}
+{"version":3,"file":"register.js","sources":["../../../src/pagination/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport '@cds/core/button/register.js';\nimport '@cds/core/icon/register.js';\nimport '@cds/core/input/register.js';\nimport '@cds/core/select/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { angleIcon } from '@cds/core/icon/shapes/angle.js';\nimport { stepForward2Icon } from '@cds/core/icon/shapes/step-forward-2.js';\nimport { CdsPaginationButton } from './pagination-button.element.js';\nimport { CdsPagination } from './pagination.element.js';\nregisterElementSafely('cds-pagination', CdsPagination);\nregisterElementSafely('cds-pagination-button', CdsPaginationButton);\nClarityIcons.addIcons(angleIcon);\nClarityIcons.addIcons(stepForward2Icon);\n"],"names":["registerElementSafely","CdsPagination","CdsPaginationButton","ClarityIcons","addIcons","angleIcon","stepForward2Icon"],"mappings":"6gBAeAA,EAAsB,iBAAkBC,GACxCD,EAAsB,wBAAyBE,GAC/CC,EAAaC,SAASC,GACtBF,EAAaC,SAASE"}

package/pagination/utils.d.ts

@@ -0,0 +1,5 @@
+export declare type PaginationIconConfig = {
+    shape: string;
+    direction: 'up' | 'right' | 'down' | 'left';
+};
+export declare function getPaginationIconConfig(action: 'first' | 'prev' | 'next' | 'last'): PaginationIconConfig;

package/pagination/utils.js

@@ -0,0 +1,2 @@
+function e(e){return{next:{shape:"angle",direction:"right"},last:{shape:"step-forward-2",direction:"up"},prev:{shape:"angle",direction:"left"},first:{shape:"step-forward-2",direction:"down"}}[e]??{shape:"ellipsis-vertical",direction:"up"}}export{e as getPaginationIconConfig};
+//# sourceMappingURL=utils.js.map

package/pagination/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/pagination/utils.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nexport function getPaginationIconConfig(action) {\n    const config = {\n        next: { shape: 'angle', direction: 'right' },\n        last: { shape: 'step-forward-2', direction: 'up' },\n        prev: { shape: 'angle', direction: 'left' },\n        first: { shape: 'step-forward-2', direction: 'down' },\n    };\n    return config[action] ?? { shape: 'ellipsis-vertical', direction: 'up' };\n}\n"],"names":["getPaginationIconConfig","action","next","shape","direction","last","prev","first"],"mappings":"AAKO,SAASA,EAAwBC,GAOpC,MANe,CACXC,KAAM,CAAEC,MAAO,QAASC,UAAW,SACnCC,KAAM,CAAEF,MAAO,iBAAkBC,UAAW,MAC5CE,KAAM,CAAEH,MAAO,QAASC,UAAW,QACnCG,MAAO,CAAEJ,MAAO,iBAAkBC,UAAW,SAEnCH,IAAW,CAAEE,MAAO,oBAAqBC,UAAW"}

package/password/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/password/password.element.js

@@ -1,2 +1,2 @@
-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};
+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 d}from"@cds/core/icon/icon.service.js";import{eyeIcon as a}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as h}from"@cds/core/icon/shapes/eye-hide.js";class n extends e{constructor(){super();this.showPassword=!1,this.i18n=t.keys.password,d.addIcons(a,h)}get suffixDefaultTemplate(){return o`<cds-button-action @click="${()=>this.togglePasswordVisibility()}" .pressed="${this.showPassword}" .ariaLabel="${this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-button-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()],n.prototype,"showPassword",void 0),s([r()],n.prototype,"i18n",void 0);export{n as CdsPassword};
 //# sourceMappingURL=password.element.js.map

package/password/password.element.js.map

@@ -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","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"}
+{"version":3,"file":"password.element.js","sources":["../../../src/password/password.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { state, i18n, I18nService } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { eyeIcon } from '@cds/core/icon/shapes/eye.js';\nimport { eyeHideIcon } from '@cds/core/icon/shapes/eye-hide.js';\n/**\n * Password\n *\n * ```typescript\n * import '@cds/core/password/register.js';\n * ```\n *\n * ```html\n * <cds-password>\n *   <label>Password</label>\n *   <input type=\"password\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-password>\n * ```\n *\n * @element cds-password\n * @slot - For projecting password input and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsPassword extends CdsControl {\n    constructor() {\n        super();\n        this.showPassword = false;\n        this.i18n = I18nService.keys.password;\n        ClarityIcons.addIcons(eyeIcon, eyeHideIcon);\n    }\n    get suffixDefaultTemplate() {\n        return html `\n      <cds-button-action\n        @click=${() => this.togglePasswordVisibility()}\n        .pressed=${this.showPassword}\n        .ariaLabel=${this.showPassword ? this.i18n.hideButtonAriaLabel : this.i18n.showButtonAriaLabel}\n      >\n        <cds-icon shape=\"${this.showPassword ? 'eye-hide' : 'eye'}\"></cds-icon>\n      </cds-button-action>\n    `;\n    }\n    static get styles() {\n        return [...super.styles, inputStyles];\n    }\n    togglePasswordVisibility() {\n        this.showPassword = !this.showPassword;\n        this.inputControl.type = this.showPassword ? 'text' : 'password';\n        this.inputControl.focus();\n    }\n}\n__decorate([\n    state()\n], CdsPassword.prototype, \"showPassword\", void 0);\n__decorate([\n    i18n()\n], CdsPassword.prototype, \"i18n\", void 0);\n"],"names":["CdsPassword","CdsControl","constructor","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":"oZAyCO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAE/BC,4BACA,OAAOC,CAAK,8BAEH,IAAMX,KAAKY,yCACTZ,KAAKC,6BACHD,KAAKC,aAAeD,KAAKE,KAAKW,oBAAsBb,KAAKE,KAAKY,yCAExDd,KAAKC,aAAe,WAAa,yCAI7Cc,oBACP,MAAO,IAAIhB,MAAMgB,OAAQC,GAE7BJ,2BACIZ,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"}

package/password/register.d.ts

@@ -1,5 +1,6 @@
 import { CdsPassword } from './password.element.js';
 import '@cds/core/forms/register.js';
+import '@cds/core/button-action/register.js';
 import '@cds/core/icon/register.js';
 declare global {
     interface HTMLElementTagNameMap {

package/password/register.js

@@ -1,2 +1,2 @@
-import{registerElementSafely as r}from"@cds/core/internal";import{CdsPassword as s}from"./password.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";r("cds-password",s);
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsPassword as o}from"./password.element.js";import"@cds/core/forms/register.js";import"@cds/core/button-action/register.js";import"@cds/core/icon/register.js";r("cds-password",o);
 //# sourceMappingURL=register.js.map

package/password/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/password/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPassword"],"mappings":"sLASAA,EAAsB,eAAgBC"}
+{"version":3,"file":"register.js","sources":["../../../src/password/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsPassword } from './password.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/button-action/register.js';\nimport '@cds/core/icon/register.js';\nregisterElementSafely('cds-password', CdsPassword);\n"],"names":["registerElementSafely","CdsPassword"],"mappings":"kOAUAA,EAAsB,eAAgBC"}

package/polyfills/aria-reflect.js

@@ -1,2 +1,2 @@
-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};
+let e=!1,t=!1;function o(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(Element.prototype,"role","role"),e=!0),t||Element.prototype.hasOwnProperty("ariaLabel")||(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=>o(Element.prototype,"aria-"+e.toLowerCase(),"aria"+e))));export{o as reflect};
 //# sourceMappingURL=aria-reflect.js.map