blip-ds 1.278.5 → 1.280.0
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/dist/blip-ds/bds-avatar.entry.js +7 -2
- package/dist/blip-ds/bds-avatar.system.entry.js +1 -1
- package/dist/blip-ds/bds-banner-link.entry.js +8 -2
- package/dist/blip-ds/bds-banner-link.system.entry.js +1 -1
- package/dist/blip-ds/bds-button-icon.entry.js +17 -4
- package/dist/blip-ds/bds-button-icon.system.entry.js +1 -1
- package/dist/blip-ds/bds-card.entry.js +7 -1
- package/dist/blip-ds/bds-card.system.entry.js +1 -1
- package/dist/blip-ds/bds-checkbox.entry.js +10 -2
- package/dist/blip-ds/bds-checkbox.system.entry.js +1 -1
- package/dist/blip-ds/bds-icon.entry.js +2 -1
- package/dist/blip-ds/bds-icon.system.entry.js +1 -1
- package/dist/blip-ds/bds-illustration.entry.js +13 -13
- package/dist/blip-ds/bds-illustration.system.entry.js +1 -1
- package/dist/blip-ds/bds-input-editable.entry.js +14 -4
- package/dist/blip-ds/bds-input-editable.system.entry.js +1 -1
- package/dist/blip-ds/bds-pagination.entry.js +8 -3
- package/dist/blip-ds/bds-pagination.system.entry.js +1 -1
- package/dist/blip-ds/bds-switch.entry.js +9 -2
- package/dist/blip-ds/bds-switch.system.entry.js +1 -1
- package/dist/blip-ds/bds-tab-group.entry.js +7 -2
- package/dist/blip-ds/bds-tab-group.system.entry.js +1 -1
- package/dist/blip-ds/bds-upload.entry.js +10 -2
- package/dist/blip-ds/bds-upload.system.entry.js +1 -1
- package/dist/blip-ds/{p-e870f2c5.system.entry.js → p-0c8d7e7a.system.entry.js} +1 -1
- package/dist/blip-ds/p-0d68708d.entry.js +1 -0
- package/dist/blip-ds/p-0ec4a029.entry.js +1 -0
- package/dist/blip-ds/p-162111b0.system.entry.js +1 -0
- package/dist/blip-ds/p-16219461.entry.js +1 -0
- package/dist/blip-ds/p-3ba9ad1e.system.entry.js +1 -0
- package/dist/blip-ds/p-41749b53.system.entry.js +1 -0
- package/dist/blip-ds/p-4528a570.entry.js +1 -0
- package/dist/blip-ds/{p-2b279245.system.entry.js → p-4ea51da2.system.entry.js} +1 -1
- package/dist/blip-ds/p-6320cb21.system.entry.js +1 -0
- package/dist/blip-ds/p-76f5c561.entry.js +1 -0
- package/dist/blip-ds/{p-bfb43166.entry.js → p-8af37e9c.entry.js} +1 -1
- package/dist/blip-ds/p-8d25e984.system.entry.js +1 -0
- package/dist/blip-ds/p-910983c7.entry.js +1 -0
- package/dist/blip-ds/p-979c134c.system.entry.js +1 -0
- package/dist/blip-ds/p-a5cabafc.entry.js +1 -0
- package/dist/blip-ds/p-a7d67428.system.entry.js +1 -0
- package/dist/blip-ds/p-aa90ae6e.entry.js +1 -0
- package/dist/blip-ds/p-bb975dd8.system.js +1 -1
- package/dist/blip-ds/p-c600dc82.system.entry.js +1 -0
- package/dist/blip-ds/{p-512d944c.system.entry.js → p-c97bf0f3.system.entry.js} +1 -1
- package/dist/blip-ds/p-cd022b37.entry.js +1 -0
- package/dist/blip-ds/p-da329fe5.entry.js +1 -0
- package/dist/blip-ds/{p-5d9c8e81.entry.js → p-de578634.entry.js} +1 -1
- package/dist/blip-ds/p-e282dafd.system.entry.js +1 -0
- package/dist/cjs/bds-avatar.cjs.entry.js +7 -2
- package/dist/cjs/bds-banner-link.cjs.entry.js +8 -2
- package/dist/cjs/bds-button-icon.cjs.entry.js +16 -3
- package/dist/cjs/bds-card.cjs.entry.js +7 -1
- package/dist/cjs/bds-checkbox.cjs.entry.js +10 -2
- package/dist/cjs/bds-checkbox_2.cjs.entry.js +10 -2
- package/dist/cjs/bds-icon.cjs.entry.js +2 -1
- package/dist/cjs/bds-illustration.cjs.entry.js +13 -13
- package/dist/cjs/bds-input-editable.cjs.entry.js +14 -4
- package/dist/cjs/bds-pagination.cjs.entry.js +8 -3
- package/dist/cjs/bds-radio_2.cjs.entry.js +9 -2
- package/dist/cjs/bds-switch.cjs.entry.js +9 -2
- package/dist/cjs/bds-tab-group.cjs.entry.js +7 -2
- package/dist/cjs/bds-upload.cjs.entry.js +10 -2
- package/dist/collection/components/avatar/avatar.css +13 -0
- package/dist/collection/components/avatar/avatar.js +6 -1
- package/dist/collection/components/banner/banner-link/banner-link.css +17 -0
- package/dist/collection/components/banner/banner-link/banner-link.js +7 -1
- package/dist/collection/components/card/card.js +7 -1
- package/dist/collection/components/checkbox/checkbox.css +14 -0
- package/dist/collection/components/checkbox/checkbox.js +9 -1
- package/dist/collection/components/icon/icon.js +3 -0
- package/dist/collection/components/icon-button/icon-button.css +13 -0
- package/dist/collection/components/icon-button/icon-button.js +32 -2
- package/dist/collection/components/input-editable/input-editable.css +28 -0
- package/dist/collection/components/input-editable/input-editable.js +13 -3
- package/dist/collection/components/pagination/pagination.css +4 -0
- package/dist/collection/components/pagination/pagination.js +7 -2
- package/dist/collection/components/switch/switch.css +16 -3
- package/dist/collection/components/switch/switch.js +8 -1
- package/dist/collection/components/tabs/tab-group.css +16 -1
- package/dist/collection/components/tabs/tab-group.js +6 -1
- package/dist/collection/components/upload/bds-upload.css +13 -0
- package/dist/collection/components/upload/bds-upload.js +9 -1
- package/dist/esm/bds-avatar.entry.js +7 -2
- package/dist/esm/bds-banner-link.entry.js +8 -2
- package/dist/esm/bds-button-icon.entry.js +17 -4
- package/dist/esm/bds-card.entry.js +7 -1
- package/dist/esm/bds-checkbox.entry.js +10 -2
- package/dist/esm/bds-checkbox_2.entry.js +10 -2
- package/dist/esm/bds-icon.entry.js +2 -1
- package/dist/esm/bds-illustration.entry.js +13 -13
- package/dist/esm/bds-input-editable.entry.js +14 -4
- package/dist/esm/bds-pagination.entry.js +8 -3
- package/dist/esm/bds-radio_2.entry.js +9 -2
- package/dist/esm/bds-switch.entry.js +9 -2
- package/dist/esm/bds-tab-group.entry.js +7 -2
- package/dist/esm/bds-upload.entry.js +10 -2
- package/dist/esm-es5/bds-avatar.entry.js +1 -1
- package/dist/esm-es5/bds-banner-link.entry.js +1 -1
- package/dist/esm-es5/bds-button-icon.entry.js +1 -1
- package/dist/esm-es5/bds-card.entry.js +1 -1
- package/dist/esm-es5/bds-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bds-icon.entry.js +1 -1
- package/dist/esm-es5/bds-illustration.entry.js +1 -1
- package/dist/esm-es5/bds-input-editable.entry.js +1 -1
- package/dist/esm-es5/bds-pagination.entry.js +1 -1
- package/dist/esm-es5/bds-radio_2.entry.js +1 -1
- package/dist/esm-es5/bds-tab-group.entry.js +1 -1
- package/dist/esm-es5/bds-upload.entry.js +1 -1
- package/dist/types/components/avatar/avatar.d.ts +1 -0
- package/dist/types/components/banner/banner-link/banner-link.d.ts +1 -0
- package/dist/types/components/card/card.d.ts +1 -0
- package/dist/types/components/checkbox/checkbox.d.ts +1 -0
- package/dist/types/components/icon-button/icon-button.d.ts +7 -0
- package/dist/types/components/input-editable/input-editable.d.ts +2 -0
- package/dist/types/components/pagination/pagination.d.ts +1 -0
- package/dist/types/components/switch/switch.d.ts +1 -0
- package/dist/types/components/tabs/tab-group.d.ts +1 -0
- package/dist/types/components/upload/bds-upload.d.ts +3 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +13 -13
- package/dist/blip-ds/p-0e9c39f9.entry.js +0 -1
- package/dist/blip-ds/p-0ea676d3.entry.js +0 -1
- package/dist/blip-ds/p-15905f51.system.entry.js +0 -1
- package/dist/blip-ds/p-1c817662.entry.js +0 -1
- package/dist/blip-ds/p-3d73683d.system.entry.js +0 -1
- package/dist/blip-ds/p-4fbc22f7.system.entry.js +0 -1
- package/dist/blip-ds/p-54dd096f.system.entry.js +0 -1
- package/dist/blip-ds/p-60971296.entry.js +0 -1
- package/dist/blip-ds/p-66c9fb89.entry.js +0 -1
- package/dist/blip-ds/p-69537889.entry.js +0 -1
- package/dist/blip-ds/p-76dce893.system.entry.js +0 -1
- package/dist/blip-ds/p-78dbbffd.entry.js +0 -1
- package/dist/blip-ds/p-8caa4589.entry.js +0 -1
- package/dist/blip-ds/p-b37247aa.entry.js +0 -1
- package/dist/blip-ds/p-c38a2a70.system.entry.js +0 -1
- package/dist/blip-ds/p-d9c2307a.system.entry.js +0 -1
- package/dist/blip-ds/p-e3e92c97.entry.js +0 -1
- package/dist/blip-ds/p-e461e9ee.system.entry.js +0 -1
- package/dist/blip-ds/p-f25d77f6.system.entry.js +0 -1
|
@@ -29,7 +29,7 @@ const colorLetter = [
|
|
|
29
29
|
{ value: 'Z', color: 'system' },
|
|
30
30
|
];
|
|
31
31
|
|
|
32
|
-
const avatarCss = ":host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:\"\";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
32
|
+
const avatarCss = ":host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar__btn:focus-visible{outline:none}.avatar__btn:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:\"\";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
33
33
|
|
|
34
34
|
const BdsAvatar = class {
|
|
35
35
|
constructor(hostRef) {
|
|
@@ -90,6 +90,11 @@ const BdsAvatar = class {
|
|
|
90
90
|
e.preventDefault();
|
|
91
91
|
this.bdsClickAvatar.emit(e);
|
|
92
92
|
}
|
|
93
|
+
handleKeyDown(event) {
|
|
94
|
+
if (event.key == 'Enter') {
|
|
95
|
+
this.bdsClickAvatar.emit(event);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
93
98
|
handleClickKey(event) {
|
|
94
99
|
if ((event.key === 'Enter' || event.key === ' ') && this.upload) {
|
|
95
100
|
event.preventDefault();
|
|
@@ -120,7 +125,7 @@ const BdsAvatar = class {
|
|
|
120
125
|
: null}`]: true,
|
|
121
126
|
[`avatar__size--${this.size}`]: true,
|
|
122
127
|
upload: this.upload,
|
|
123
|
-
}, "data-test": this.dataTest }, this.ellipsis ? (h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`)) : this.thumbnail ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), h("div", { class: "avatar__btn__thumb" }, h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }))) : this.name ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), h("div", { class: "avatar__btn__name" }, h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName))) : this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), h("div", { class: "avatar__btn__empty" }, h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize })) : ('')), this.upload && this.size !== 'micro' ? (h("div", { tabindex: "0", onClick: () => this.handleClickKey, class: "focus" })) : ('')));
|
|
128
|
+
}, "data-test": this.dataTest }, this.ellipsis ? (h("bds-typo", { margin: false, variant: this.typoSize, tag: "span" }, `+${this.ellipsis}`)) : this.thumbnail ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }), h("div", { class: "avatar__btn__thumb" }, h("bds-icon", { class: "avatar__btn__thumb__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("div", { class: `avatar__btn__img avatar__size--${this.size}`, style: thumbnailStyle }))) : this.name ? (this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick, tabindex: "0", onKeyDown: this.handleKeyDown.bind(this) }, h("bds-typo", { margin: false, class: "avatar__btn__text", variant: this.typoSize, tag: "span" }, firstName + lastName), h("div", { class: "avatar__btn__name" }, h("bds-icon", { class: "avatar__btn__name__icon", name: "upload", theme: "outline", size: this.iconSize })))) : (h("bds-typo", { margin: false, class: "avatar__text", variant: this.typoSize, tag: "span" }, firstName + lastName))) : this.upload && this.size !== 'micro' ? (h("div", { class: "avatar__btn", onClick: () => this.onUploadClick }, h("bds-icon", { class: "avatar__btn__icon", name: "user-default", theme: "outline", size: this.iconSize }), h("div", { class: "avatar__btn__empty" }, h("bds-icon", { class: "avatar__btn__empty__icon", name: "upload", theme: "outline", size: this.iconSize })))) : this.name === null && !this.hasThumb ? (h("bds-icon", { class: "avatar__icon", name: "user-default", theme: "outline", size: this.iconSize })) : ('')), this.upload && this.size !== 'micro' ? (h("div", { tabindex: "0", onClick: () => this.handleClickKey, class: "focus" })) : ('')));
|
|
124
129
|
}
|
|
125
130
|
};
|
|
126
131
|
BdsAvatar.style = avatarCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-241c9f42.system.js"],(function(
|
|
1
|
+
System.register(["./index-241c9f42.system.js"],(function(t){"use strict";var a,e,i,o;return{setters:[function(t){a=t.r;e=t.e;i=t.h;o=t.f}],execute:function(){var r=[{value:"A",color:"system"},{value:"B",color:"success"},{value:"C",color:"warning"},{value:"D",color:"error"},{value:"E",color:"info"},{value:"F",color:"system"},{value:"G",color:"success"},{value:"H",color:"warning"},{value:"I",color:"error"},{value:"J",color:"info"},{value:"K",color:"system"},{value:"L",color:"success"},{value:"M",color:"warning"},{value:"N",color:"error"},{value:"O",color:"info"},{value:"P",color:"system"},{value:"Q",color:"success"},{value:"R",color:"warning"},{value:"S",color:"error"},{value:"T",color:"info"},{value:"U",color:"system"},{value:"V",color:"success"},{value:"X",color:"warning"},{value:"Y",color:"error"},{value:"W",color:"info"},{value:"Z",color:"system"}];var n=':host{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar{border-radius:40px;border:1px solid var(--color-border-2, #CFCFCF);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%}.avatar__ellipsis{color:var(--color-surface-1, #F6F6F6)}.avatar__text{color:var(--color-content-default, #454545)}.avatar__icon{color:var(--color-content-default, #454545)}.avatar__btn{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.avatar__btn::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.avatar__btn:focus-visible{outline:none}.avatar__btn:focus-visible::before{border-color:var(--color-focus, #c226fb)}.avatar__btn__img{background-position:center;background-size:cover}.avatar__btn__text{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:var(--color-content-din, #000000);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer}.avatar__btn__thumb:before{content:"";position:absolute;inset:0;background-color:var(--color-content-default, #454545);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:var(--color-surface-1, #F6F6F6);opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__name__icon{color:var(--color-content-din, #000000)}.avatar__btn__empty{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__empty__icon{color:var(--color-content-din, #000000)}.avatar__size--micro{width:24px;height:24px;min-width:24px;min-height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar__size--small{width:40px;height:40px;min-width:40px;min-height:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px;min-height:56px}.avatar__size--large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px;min-height:72px}.avatar__color--system{background-color:var(--color-system, #B2DFFD)}.avatar__color--warning{background-color:var(--color-warning, #fde99b)}.avatar__color--success{background-color:var(--color-success, #84ebbc)}.avatar__color--info{background-color:var(--color-info, #80e3eb)}.avatar__color--error{background-color:var(--color-error, #f99f9f)}.avatar__color--surface{background-color:var(--color-surface-3, #CFCFCF);color:var(--color-content-disable, #636363)}.avatar:hover .avatar__btn__thumb:before{opacity:0.5}.avatar:hover .avatar__btn__thumb__icon{opacity:1}.avatar:hover .avatar__btn__text{opacity:0}.avatar:hover .avatar__btn__icon{opacity:0}.avatar:hover .avatar__btn__name{opacity:1}.avatar:hover .avatar__btn__empty{opacity:1}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}';var s=t("bds_avatar",function(){function t(t){var i=this;a(this,t);this.bdsClickAvatar=e(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.selectTypoSize=function(t){switch(t){case"micro":i.typoSize="fs-12";i.iconSize="xx-small";break;case"extra-small":i.typoSize="fs-14";i.iconSize="x-small";break;case"small":i.typoSize="fs-16";i.iconSize="medium";break;case"standard":i.typoSize="fs-20";i.iconSize="x-large";break;case"large":i.typoSize="fs-24";i.iconSize="xxx-large";break;case"extra-large":i.typoSize="fs-32";i.iconSize="xxx-large";break;default:i.typoSize="fs-20";i.iconSize="medium"}};this.avatarBgColor=function(t){if(i.color!="colorLetter"){return i.color}else if(t){var a=r.find((function(a){return a.value===t}));return a.color}};this.hasThumb=undefined;this.name=null;this.thumbnail=null;this.size="standard";this.color="colorLetter";this.upload=false;this.ellipsis=null;this.dataTest=null}t.prototype.onUploadClick=function(t){t.preventDefault();this.bdsClickAvatar.emit(t)};t.prototype.handleKeyDown=function(t){if(t.key=="Enter"){this.bdsClickAvatar.emit(t)}};t.prototype.handleClickKey=function(t){if((t.key==="Enter"||t.key===" ")&&this.upload){t.preventDefault();this.bdsClickAvatar.emit()}};t.prototype.componentWillRender=function(){this.hasThumb=this.thumbnail?this.thumbnail.length!==0?true:false:false};t.prototype.render=function(){var t;var a=this;var e=this.name?this.name.split(" "):[];var r=e.length?e.shift().charAt(0).toUpperCase():"";var n=e.length?e.pop().charAt(0).toUpperCase():"";this.selectTypoSize(this.size);var s={backgroundImage:"url(".concat(this.hasThumb?this.thumbnail:null,")")};return i(o,null,i("div",{class:(t={avatar:true},t["avatar__color--".concat(this.name&&!this.hasThumb?this.avatarBgColor(r):this.hasThumb&&!this.name?"surface":!this.name&&!this.hasThumb?"surface":this.name&&this.hasThumb?this.avatarBgColor(r):null)]=true,t["avatar__size--".concat(this.size)]=true,t.upload=this.upload,t),"data-test":this.dataTest},this.ellipsis?i("bds-typo",{margin:false,variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?i("div",{class:"avatar__btn",onClick:function(){return a.onUploadClick}},i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("div",{class:"avatar__btn__img avatar__size--".concat(this.size),style:s}):this.name?this.upload&&this.size!=="micro"?i("div",{class:"avatar__btn",onClick:function(){return a.onUploadClick},tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},i("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+n),i("div",{class:"avatar__btn__name"},i("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},r+n):this.upload&&this.size!=="micro"?i("div",{class:"avatar__btn",onClick:function(){return a.onUploadClick}},i("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),i("div",{class:"avatar__btn__empty"},i("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):this.name===null&&!this.hasThumb?i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize}):""),this.upload&&this.size!=="micro"?i("div",{tabindex:"0",onClick:function(){return a.handleClickKey},class:"focus"}):"")};return t}());s.style=n}}}));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h, g as getElement } from './index-7fb09d4a.js';
|
|
2
2
|
|
|
3
|
-
const bannerLinkCss = ":Host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;text-decoration:underline;white-space:nowrap;margin-left:16px;-ms-flex-order:2;order:2}";
|
|
3
|
+
const bannerLinkCss = ":Host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;text-decoration:underline;white-space:nowrap;margin-left:16px;-ms-flex-order:2;order:2}.banner__link{position:relative}.banner__link::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.banner__link:focus-visible{outline:none}.banner__link:focus-visible::before{border-color:var(--color-focus, #c226fb)}";
|
|
4
4
|
|
|
5
5
|
const BannerLink = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -13,9 +13,15 @@ const BannerLink = class {
|
|
|
13
13
|
this.link = undefined;
|
|
14
14
|
this.dataTest = null;
|
|
15
15
|
}
|
|
16
|
+
handleKeyDown(event) {
|
|
17
|
+
if (event.key == 'Enter') {
|
|
18
|
+
this.bdsBannerLink.emit(this.el);
|
|
19
|
+
window.open(this.link);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
16
22
|
render() {
|
|
17
23
|
const Element = 'a';
|
|
18
|
-
return (h(Element, { class: { banner__link: true }, onClick: () => this._buttonClickHandler(), "data-test": this.dataTest }, h("slot", null)));
|
|
24
|
+
return (h(Element, { class: { banner__link: true }, onClick: () => this._buttonClickHandler(), "data-test": this.dataTest, tabindex: "0", onKeyDown: this.handleKeyDown.bind(this) }, h("slot", null)));
|
|
19
25
|
}
|
|
20
26
|
get el() { return getElement(this); }
|
|
21
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-241c9f42.system.js"],(function(
|
|
1
|
+
System.register(["./index-241c9f42.system.js"],(function(n){"use strict";var e,t,i,r;return{setters:[function(n){e=n.r;t=n.e;i=n.h;r=n.g}],execute:function(){var o=':Host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;text-decoration:underline;white-space:nowrap;margin-left:16px;-ms-flex-order:2;order:2}.banner__link{position:relative}.banner__link::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.banner__link:focus-visible{outline:none}.banner__link:focus-visible::before{border-color:var(--color-focus, #c226fb)}';var s=n("bds_banner_link",function(){function n(n){var i=this;e(this,n);this.bdsBannerLink=t(this,"bdsBannerLink",7);this._buttonClickHandler=function(){i.bdsBannerLink.emit(i.el);window.open(i.link)};this.link=undefined;this.dataTest=null}n.prototype.handleKeyDown=function(n){if(n.key=="Enter"){this.bdsBannerLink.emit(this.el);window.open(this.link)}};n.prototype.render=function(){var n=this;var e="a";return i(e,{class:{banner__link:true},onClick:function(){return n._buttonClickHandler()},"data-test":this.dataTest,tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},i("slot",null))};Object.defineProperty(n.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return n}());s.style=o}}}));
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-7fb09d4a.js';
|
|
1
|
+
import { r as registerInstance, e as createEvent, h } from './index-7fb09d4a.js';
|
|
2
2
|
|
|
3
|
-
const iconButtonCss = ".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:8px}.icon__button:hover::before{background-color:var(--color-hover, rgba(0, 0, 0, 0.08))}.icon__button:active::before{background-color:var(--color-pressed, rgba(0, 0, 0, 0.16))}.icon__button *{pointer-events:none}.icon__button--primary{background:var(--color-primary, #1e6bf1)}.icon__button--primary .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--primary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#e8f2ff;border:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{color:#e8f2ff;border:#637798}.icon__button--secondary{color:var(--color-content-default, #454545);background:transparent}.icon__button--secondary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--secondary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:transparent;border:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{color:transparent;border:#637798}.icon__button--tertiary{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--tertiary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--tertiary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{color:#637798;border:1px solid #637798}.icon__button--ghost{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--ghost .bds-icon{color:var(--color-content-default, #454545)}.icon__button--ghost--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--delete{background:var(--color-delete, #e60f0f)}.icon__button--delete .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--delete--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}";
|
|
3
|
+
const iconButtonCss = ".icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.icon__button:focus-visible{outline:none}.icon__button:focus-visible::before{border-color:var(--color-focus, #c226fb)}.icon__button::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:8px}.icon__button:hover::before{background-color:var(--color-hover, rgba(0, 0, 0, 0.08))}.icon__button:active::before{background-color:var(--color-pressed, rgba(0, 0, 0, 0.16))}.icon__button *{pointer-events:none}.icon__button--primary{background:var(--color-primary, #1e6bf1)}.icon__button--primary .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--primary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#e8f2ff;border:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{color:#e8f2ff;border:#637798}.icon__button--secondary{color:var(--color-content-default, #454545);background:transparent}.icon__button--secondary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--secondary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:transparent;border:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{color:transparent;border:#637798}.icon__button--tertiary{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--tertiary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--tertiary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{color:#637798;border:1px solid #637798}.icon__button--ghost{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--ghost .bds-icon{color:var(--color-content-default, #454545)}.icon__button--ghost--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--delete{background:var(--color-delete, #e60f0f)}.icon__button--delete .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--delete--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}";
|
|
4
4
|
|
|
5
5
|
const IconButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
this.bdsClick = createEvent(this, "bdsClick", 7);
|
|
8
9
|
this.mapSize = {
|
|
9
10
|
tall: 'xxx-large',
|
|
10
11
|
standard: 'x-large',
|
|
@@ -18,6 +19,18 @@ const IconButton = class {
|
|
|
18
19
|
ghost: 'icon__button--ghost',
|
|
19
20
|
'secondary--white': 'icon__button--secondary-white',
|
|
20
21
|
};
|
|
22
|
+
this.handleClick = (ev) => {
|
|
23
|
+
if (!this.disabled) {
|
|
24
|
+
this.bdsClick.emit(ev);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
this.handleKeyDown = (ev) => {
|
|
28
|
+
if (!this.disabled) {
|
|
29
|
+
if (ev.key === 'Enter') {
|
|
30
|
+
this.bdsClick.emit(ev);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
};
|
|
21
34
|
this.disabled = false;
|
|
22
35
|
this.size = 'standard';
|
|
23
36
|
this.variant = 'primary';
|
|
@@ -30,12 +43,12 @@ const IconButton = class {
|
|
|
30
43
|
return null;
|
|
31
44
|
const size = this.mapSize[this.size];
|
|
32
45
|
const state = this.mapVariantStyle[this.variant];
|
|
33
|
-
return (h("button", { disabled: this.disabled, class: {
|
|
46
|
+
return (h("button", { onClick: (ev) => this.handleClick(ev), disabled: this.disabled, class: {
|
|
34
47
|
['icon__button']: true,
|
|
35
48
|
[state]: true,
|
|
36
49
|
[`${state}--disabled`]: this.disabled,
|
|
37
50
|
[`size-${this.size}`]: true,
|
|
38
|
-
}, "data-test": this.dataTest }, h("bds-icon", { name: this.icon, size: size, theme: this.iconTheme, color: "inherit" })));
|
|
51
|
+
}, "data-test": this.dataTest, tabindex: "0", onKeyDown: this.handleKeyDown.bind(this) }, h("bds-icon", { name: this.icon, size: size, theme: this.iconTheme, color: "inherit" })));
|
|
39
52
|
}
|
|
40
53
|
};
|
|
41
54
|
IconButton.style = iconButtonCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-241c9f42.system.js"],(function(o){"use strict";var t,n;return{setters:[function(o){t=o.r;n=o.h}],execute:function(){var
|
|
1
|
+
System.register(["./index-241c9f42.system.js"],(function(o){"use strict";var t,n,e;return{setters:[function(o){t=o.r;n=o.e;e=o.h}],execute:function(){var r='.icon__button{border:none;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:8px;padding:8px}.icon__button::-moz-focus-inner{border:0;padding:0}.icon__button::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.icon__button:focus-visible{outline:none}.icon__button:focus-visible::before{border-color:var(--color-focus, #c226fb)}.icon__button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:8px}.icon__button:hover::before{background-color:var(--color-hover, rgba(0, 0, 0, 0.08))}.icon__button:active::before{background-color:var(--color-pressed, rgba(0, 0, 0, 0.16))}.icon__button *{pointer-events:none}.icon__button--primary{background:var(--color-primary, #1e6bf1)}.icon__button--primary .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--primary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#e8f2ff;border:#637798}.icon__button--primary--disabled:hover,.icon__button--primary--disabled:active{color:#e8f2ff;border:#637798}.icon__button--secondary{color:var(--color-content-default, #454545);background:transparent}.icon__button--secondary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--secondary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:transparent;border:#637798}.icon__button--secondary--disabled:hover,.icon__button--secondary--disabled:active{color:transparent;border:#637798}.icon__button--tertiary{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--tertiary .bds-icon{color:var(--color-content-default, #454545)}.icon__button--tertiary--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--tertiary--disabled:hover,.icon__button--tertiary--disabled:active{color:#637798;border:1px solid #637798}.icon__button--ghost{background:transparent;border:1px solid var(--color-border-1, #B1B1B1)}.icon__button--ghost .bds-icon{color:var(--color-content-default, #454545)}.icon__button--ghost--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#637798;border:1px solid #637798}.icon__button--ghost--disabled:hover,.icon__button--ghost--disabled:active{color:#637798;border:1px solid #637798}.icon__button--secondary-white{background:transparent;color:#ffffff}.icon__button--secondary-white:hover,.icon__button--secondary-white:focus{background:rgba(255, 255, 255, 0.3);color:#ffffff}.icon__button--secondary-white:active{background:rgba(255, 255, 255, 0.4);color:#ffffff}.icon__button--secondary-white--disabled{cursor:not-allowed;color:#637798;background:#e8f2ff}.icon__button--delete{background:var(--color-delete, #e60f0f)}.icon__button--delete .bds-icon{color:var(--color-content-bright, #ffffff)}.icon__button--delete--disabled{opacity:50%;pointer-events:none;cursor:not-allowed;color:#ba5a5a}.icon__button--delete--disabled:hover,.icon__button--delete--disabled:active{color:#ba5a5a}.icon__button.size-tall{width:56px;height:56px}.icon__button.size-standard{width:48px;height:48px}.icon__button.size-short{width:40px;height:40px}';var i=o("bds_button_icon",function(){function o(o){var e=this;t(this,o);this.bdsClick=n(this,"bdsClick",7);this.mapSize={tall:"xxx-large",standard:"x-large",short:"medium"};this.mapVariantStyle={primary:"icon__button--primary",secondary:"icon__button--secondary",tertiary:"icon__button--tertiary",delete:"icon__button--delete",ghost:"icon__button--ghost","secondary--white":"icon__button--secondary-white"};this.handleClick=function(o){if(!e.disabled){e.bdsClick.emit(o)}};this.handleKeyDown=function(o){if(!e.disabled){if(o.key==="Enter"){e.bdsClick.emit(o)}}};this.disabled=false;this.size="standard";this.variant="primary";this.iconTheme="outline";this.icon=null;this.dataTest=null}o.prototype.render=function(){var o;var t=this;if(!this.icon)return null;var n=this.mapSize[this.size];var r=this.mapVariantStyle[this.variant];return e("button",{onClick:function(o){return t.handleClick(o)},disabled:this.disabled,class:(o={},o["icon__button"]=true,o[r]=true,o["".concat(r,"--disabled")]=this.disabled,o["size-".concat(this.size)]=true,o),"data-test":this.dataTest,tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},e("bds-icon",{name:this.icon,size:n,theme:this.iconTheme,color:"inherit"}))};return o}());i.style=r}}}));
|
|
@@ -51,11 +51,17 @@ const Card = class {
|
|
|
51
51
|
this.elevation = 'secondary';
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
+
handleKeyDown(event) {
|
|
55
|
+
if (event.key == 'Enter') {
|
|
56
|
+
this.isPressed = true;
|
|
57
|
+
this.bdsClick.emit(event);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
54
60
|
render() {
|
|
55
61
|
const styleHost = {
|
|
56
62
|
width: this.width,
|
|
57
63
|
};
|
|
58
|
-
return (h(Host, { style: styleHost }, h("bds-paper", { elevation: this.elevation, class: { card: true, card_hover: this.clickable }, height: this.height, width: this.width, "data-test": this.dataTest }, h("div", { tabindex: "0", class: "focus" }), h("bds-grid", { xxs: "12", direction: "column", gap: "2", padding: "2" }, h("slot", null)))));
|
|
64
|
+
return (h(Host, { style: styleHost }, h("bds-paper", { elevation: this.elevation, class: { card: true, card_hover: this.clickable }, height: this.height, width: this.width, "data-test": this.dataTest }, h("div", { tabindex: "0", class: "focus", onKeyDown: this.handleKeyDown.bind(this) }), h("bds-grid", { xxs: "12", direction: "column", gap: "2", padding: "2" }, h("slot", null)))));
|
|
59
65
|
}
|
|
60
66
|
get element() { return getElement(this); }
|
|
61
67
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-241c9f42.system.js"],(function(e){"use strict";var t,i,s,n,r;return{setters:[function(e){t=e.r;i=e.e;s=e.h;n=e.f;r=e.g}],execute:function(){var o=":host{display:-ms-flexbox;display:flex;position:relative}:host:focus-visible{outline:none}.card{display:-ms-flexbox;display:flex;width:100%}.card_hover:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all 0.3s;transition:all 0.3s;cursor:pointer}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var d=e("bds_card",function(){function e(e){t(this,e);this.bdsClick=i(this,"bdsClick",7);this.height=null;this.width="fit-content";this.clickable=false;this.dataTest=null;this.isHovered=false;this.isPressed=false;this.elevation="primary"}e.prototype.componentDidLoad=function(){var e=this;this.cardElement=this.element.shadowRoot.querySelector(".card");if(this.cardElement&&this.clickable===true){this.cardElement.addEventListener("mouseenter",(function(){e.isHovered=true}));this.cardElement.addEventListener("mouseleave",(function(){e.isHovered=false}));this.cardElement.addEventListener("mousedown",(function(){e.isPressed=true;e.bdsClick.emit()}));document.addEventListener("mouseup",(function(){e.isPressed=false}));this.cardElement.addEventListener("keydown",(function(t){if(t.key==="Enter"){e.isPressed=true;e.bdsClick.emit()}}));this.cardElement.addEventListener("keyup",(function(t){if(t.key==="Enter"){e.isPressed=false}}))}};e.prototype.componentDidUpdate=function(){if(this.isPressed){this.elevation="static"}else if(this.isHovered){this.elevation="secondary"}};e.prototype.render=function(){var e={width:this.width};return s(n,{style:e},s("bds-paper",{elevation:this.elevation,class:{card:true,card_hover:this.clickable},height:this.height,width:this.width,"data-test":this.dataTest},s("div",{tabindex:"0",class:"focus"}),s("bds-grid",{xxs:"12",direction:"column",gap:"2",padding:"2"},s("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());d.style=o}}}));
|
|
1
|
+
System.register(["./index-241c9f42.system.js"],(function(e){"use strict";var t,i,s,n,r;return{setters:[function(e){t=e.r;i=e.e;s=e.h;n=e.f;r=e.g}],execute:function(){var o=":host{display:-ms-flexbox;display:flex;position:relative}:host:focus-visible{outline:none}.card{display:-ms-flexbox;display:flex;width:100%}.card_hover:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all 0.3s;transition:all 0.3s;cursor:pointer}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid var(--color-focus, #c226fb);border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var d=e("bds_card",function(){function e(e){t(this,e);this.bdsClick=i(this,"bdsClick",7);this.height=null;this.width="fit-content";this.clickable=false;this.dataTest=null;this.isHovered=false;this.isPressed=false;this.elevation="primary"}e.prototype.componentDidLoad=function(){var e=this;this.cardElement=this.element.shadowRoot.querySelector(".card");if(this.cardElement&&this.clickable===true){this.cardElement.addEventListener("mouseenter",(function(){e.isHovered=true}));this.cardElement.addEventListener("mouseleave",(function(){e.isHovered=false}));this.cardElement.addEventListener("mousedown",(function(){e.isPressed=true;e.bdsClick.emit()}));document.addEventListener("mouseup",(function(){e.isPressed=false}));this.cardElement.addEventListener("keydown",(function(t){if(t.key==="Enter"){e.isPressed=true;e.bdsClick.emit()}}));this.cardElement.addEventListener("keyup",(function(t){if(t.key==="Enter"){e.isPressed=false}}))}};e.prototype.componentDidUpdate=function(){if(this.isPressed){this.elevation="static"}else if(this.isHovered){this.elevation="secondary"}};e.prototype.handleKeyDown=function(e){if(e.key=="Enter"){this.isPressed=true;this.bdsClick.emit(e)}};e.prototype.render=function(){var e={width:this.width};return s(n,{style:e},s("bds-paper",{elevation:this.elevation,class:{card:true,card_hover:this.clickable},height:this.height,width:this.width,"data-test":this.dataTest},s("div",{tabindex:"0",class:"focus",onKeyDown:this.handleKeyDown.bind(this)}),s("bds-grid",{xxs:"12",direction:"column",gap:"2",padding:"2"},s("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());d.style=o}}}));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h } from './index-7fb09d4a.js';
|
|
2
2
|
|
|
3
|
-
const checkboxCss = ".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:var(--color-surface-1, #F6F6F6)}.checkbox__icon:hover{border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon{background-color:var(--color-brand, #0096fa);border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon__svg{color:var(--color-content-bright, #ffffff)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #0096fa)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-default, #454545);border-color:var(--color-content-default, #454545);background-color:var(--color-surface-3, #CFCFCF);opacity:50%}.checkbox--selected-disabled .checkbox__text{opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #F6F6F6);border:1px solid var(--color-brand, #0096fa)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #F6F6F6);border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #454545)}";
|
|
3
|
+
const checkboxCss = ".checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:var(--color-surface-1, #F6F6F6);position:relative}.checkbox__icon::before{content:\"\";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.checkbox__icon:focus-visible{outline:none}.checkbox__icon:focus-visible::before{border-color:var(--color-focus, #c226fb)}.checkbox__icon:hover{border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon{background-color:var(--color-brand, #0096fa);border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon__svg{color:var(--color-content-bright, #ffffff)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #0096fa)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-default, #454545);border-color:var(--color-content-default, #454545);background-color:var(--color-surface-3, #CFCFCF);opacity:50%}.checkbox--selected-disabled .checkbox__text{opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #F6F6F6);border:1px solid var(--color-brand, #0096fa)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #F6F6F6);border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #454545)}";
|
|
4
4
|
|
|
5
5
|
let checkBoxIds = 0;
|
|
6
6
|
const Checkbox = class {
|
|
@@ -55,12 +55,20 @@ const Checkbox = class {
|
|
|
55
55
|
checked: this.checked,
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
|
+
handleKeyDown(event) {
|
|
59
|
+
if (event.key == 'Enter') {
|
|
60
|
+
this.checked = !this.checked;
|
|
61
|
+
this.bdsChange.emit({
|
|
62
|
+
checked: this.checked,
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
}
|
|
58
66
|
render() {
|
|
59
67
|
const styleState = this.getStyleState();
|
|
60
68
|
return (h("div", { class: {
|
|
61
69
|
checkbox: true,
|
|
62
70
|
[styleState]: true,
|
|
63
|
-
} }, h("input", { type: "checkbox", ref: this.refNativeInput, id: this.checkBoxId, name: this.name, onClick: this.onClick, checked: this.checked, disabled: this.disabled, "data-test": this.dataTest }), h("label", { class: "checkbox__label", htmlFor: this.checkBoxId }, h("div", { class: "checkbox__icon" }, h("bds-icon", { class: "checkbox__icon__svg", size: "x-small", name: "true", color: "inherit" })), this.label && (h("bds-typo", { class: "checkbox__text", variant: "fs-14", tag: "span" }, this.label)))));
|
|
71
|
+
} }, h("input", { type: "checkbox", ref: this.refNativeInput, id: this.checkBoxId, name: this.name, onClick: this.onClick, checked: this.checked, disabled: this.disabled, "data-test": this.dataTest }), h("label", { class: "checkbox__label", htmlFor: this.checkBoxId }, h("div", { class: "checkbox__icon", tabindex: "0", onKeyDown: this.handleKeyDown.bind(this) }, h("bds-icon", { class: "checkbox__icon__svg", size: "x-small", name: "true", color: "inherit" })), this.label && (h("bds-typo", { class: "checkbox__text", variant: "fs-14", tag: "span" }, this.label)))));
|
|
64
72
|
}
|
|
65
73
|
};
|
|
66
74
|
Checkbox.style = checkboxCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,c
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,o,c){function n(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function r(e){try{s(c.next(e))}catch(t){i(t)}}function a(e){try{s(c["throw"](e))}catch(t){i(t)}}function s(e){e.done?o(e.value):n(e.value).then(r,a)}s((c=c.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},c,n,i,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(e){return function(t){return s([e,t])}}function s(a){if(c)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(o=0)),o)try{if(c=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=t.call(e,o)}catch(s){a=[6,s];n=0}finally{c=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-241c9f42.system.js"],(function(e){"use strict";var t,o,c;return{setters:[function(e){t=e.r;o=e.e;c=e.h}],execute:function(){var n='.checkbox{display:inline}.checkbox input[type=checkbox]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox input[type=checkbox]:focus{outline:0}.checkbox__icon{background:var(--color-surface-1, #F6F6F6);position:relative}.checkbox__icon::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.checkbox__icon:focus-visible{outline:none}.checkbox__icon:focus-visible::before{border-color:var(--color-focus, #c226fb)}.checkbox__icon:hover{border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon{background-color:var(--color-brand, #0096fa);border-color:var(--color-brand, #0096fa)}.checkbox--selected .checkbox__icon__svg{color:var(--color-content-bright, #ffffff)}.checkbox--selected .checkbox__icon:hover{background-color:var(--color-brand, #0096fa)}.checkbox--selected-disabled .checkbox__label{cursor:not-allowed}.checkbox--selected-disabled .checkbox__icon{color:var(--color-content-default, #454545);border-color:var(--color-content-default, #454545);background-color:var(--color-surface-3, #CFCFCF);opacity:50%}.checkbox--selected-disabled .checkbox__text{opacity:50%}.checkbox--deselected .checkbox__icon__svg{display:none}.checkbox--deselected-disabled .checkbox__label{cursor:not-allowed}.checkbox--deselected-disabled .checkbox__icon{opacity:50%;background-color:var(--color-surface-1, #F6F6F6);border:1px solid var(--color-brand, #0096fa)}.checkbox--deselected-disabled .checkbox__icon__svg{display:none}.checkbox__label{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.checkbox__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:18px;width:18px;border-radius:4px;color:var(--color-surface-1, #F6F6F6);border:1px solid var(--color-content-default, #454545);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.checkbox__text{margin-left:8px;color:var(--color-content-default, #454545)}';var i=0;var r=e("bds_checkbox",function(){function e(e){var c=this;t(this,e);this.bdsChange=o(this,"bdsChange",7);this.bdsInput=o(this,"bdsInput",7);this.onClick=function(){c.checked=!c.checked;c.bdsChange.emit({checked:c.checked})};this.refNativeInput=function(e){c.nativeInput=e};this.getStyleState=function(){if(c.checked&&!c.disabled){return"checkbox--selected"}if(!c.checked&&!c.disabled){return"checkbox--deselected"}if(c.checked&&c.disabled){return"checkbox--selected-disabled"}if(!c.checked&&c.disabled){return"checkbox--deselected-disabled"}return""};this.checkBoxId=undefined;this.refer=undefined;this.label=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.dataTest=null}e.prototype.connectedCallback=function(){this.checkBoxId=this.refer||"bds-checkbox-".concat(i++)};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.getValue=function(){return Promise.resolve(this.nativeInput.checked)};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.checked=!this.checked;this.bdsChange.emit({checked:this.checked});return[2]}))}))};e.prototype.handleKeyDown=function(e){if(e.key=="Enter"){this.checked=!this.checked;this.bdsChange.emit({checked:this.checked})}};e.prototype.render=function(){var e;var t=this.getStyleState();return c("div",{class:(e={checkbox:true},e[t]=true,e)},c("input",{type:"checkbox",ref:this.refNativeInput,id:this.checkBoxId,name:this.name,onClick:this.onClick,checked:this.checked,disabled:this.disabled,"data-test":this.dataTest}),c("label",{class:"checkbox__label",htmlFor:this.checkBoxId},c("div",{class:"checkbox__icon",tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)},c("bds-icon",{class:"checkbox__icon__svg",size:"x-small",name:"true",color:"inherit"})),this.label&&c("bds-typo",{class:"checkbox__text",variant:"fs-14",tag:"span"},this.label)))};return e}());r.style=n}}}));
|