blip-ds 1.205.3 → 1.205.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blip-ds/bds-avatar-group.entry.js +1 -1
- package/dist/blip-ds/bds-avatar-group.system.entry.js +1 -1
- package/dist/blip-ds/bds-avatar.entry.js +1 -1
- package/dist/blip-ds/bds-avatar.system.entry.js +1 -1
- package/dist/blip-ds/{p-c3becb54.entry.js → p-1a8b1c36.entry.js} +1 -1
- package/dist/blip-ds/p-5a4f2048.entry.js +1 -0
- package/dist/blip-ds/p-e4227ce4.system.js +1 -1
- package/dist/blip-ds/p-e8a12716.system.entry.js +1 -0
- package/dist/blip-ds/p-fba82e7c.system.entry.js +1 -0
- package/dist/cjs/bds-avatar-group.cjs.entry.js +1 -1
- package/dist/cjs/bds-avatar.cjs.entry.js +1 -1
- package/dist/collection/components/avatar/avatar.css +6 -0
- package/dist/collection/components/avatar-group/avatar-group.css +0 -5
- package/dist/esm/bds-avatar-group.entry.js +1 -1
- package/dist/esm/bds-avatar.entry.js +1 -1
- package/dist/esm-es5/bds-avatar-group.entry.js +1 -1
- package/dist/esm-es5/bds-avatar.entry.js +1 -1
- package/package.json +1 -1
- package/dist/blip-ds/p-374dd40c.entry.js +0 -1
- package/dist/blip-ds/p-6b673240.system.entry.js +0 -1
- package/dist/blip-ds/p-c58ff08b.system.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h, f as Host } from './index-1e5d37b7.js';
|
|
2
2
|
|
|
3
|
-
const avatarGroupCss = ".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px
|
|
3
|
+
const avatarGroupCss = ".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
4
4
|
|
|
5
5
|
const AvatarGroup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-3359a0a5.system.js"],(function(a){"use strict";var t,r,i
|
|
1
|
+
System.register(["./index-3359a0a5.system.js"],(function(a){"use strict";var t,r,e,i;return{setters:[function(a){t=a.r;r=a.e;e=a.h;i=a.f}],execute:function(){var s=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var n=a("bds_avatar_group",function(){function a(a){t(this,a);this.bdsClickAvatarGroup=r(this,"bdsClickAvatarGroup",7);this.size="standard"}a.prototype.handleClickGroup=function(a){a.preventDefault();this.bdsClickAvatarGroup.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.canClick){a.preventDefault();this.bdsClickAvatarGroup.emit()}};a.prototype.parseUsers=function(){if(this.users){try{this.internalUsers=typeof this.users==="string"?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}};a.prototype.componentWillLoad=function(){this.users&&this.parseUsers();this.leftoversUsers=this.internalUsers.length-5};a.prototype.render=function(){var a;var t=this;return e(i,{class:"host"},e("div",{class:(a={avatar__group:true},a["avatar__group__size--".concat(this.size)]=true,a["avatar__group__click--".concat(this.canClick)]=true,a),onClick:function(){return t.handleClickGroup}},this.internalUsers?this.internalUsers.slice(0,6).map((function(a,r,i){return r+1===i.length&&t.internalUsers.length>5?e("bds-avatar",{size:t.size,ellipsis:t.leftoversUsers}):e("bds-avatar",{id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):e("slot",null)),this.canClick?e("div",{class:"focus",tabindex:"0",onClick:function(){return t.handleClickKey}}):"")};return a}());n.style=s}}}));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h, f as Host } from './index-1e5d37b7.js';
|
|
2
2
|
|
|
3
|
-
const avatarCss = ".host{position:relative}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px}.avatar__size--small{width:40px;height:40px;min-width:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px}.avatar__size--large{width:64px;height:64px;min-width:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px}.avatar__color--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
3
|
+
const avatarCss = ".host{position:relative;display:block}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;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--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
4
4
|
|
|
5
5
|
const BdsAvatar = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./index-3359a0a5.system.js"],(function(
|
|
1
|
+
System.register(["./index-3359a0a5.system.js"],(function(t){"use strict";var a,i,e,s;return{setters:[function(t){a=t.r;i=t.e;e=t.h;s=t.f}],execute:function(){var n=".host{position:relative;display:block}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;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--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var o=t("bds_avatar",function(){function t(t){var e=this;a(this,t);this.bdsClickAvatar=i(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.name=null;this.thumbnail=null;this.size="standard";this.upload=false;this.ellipsis=null;this.dataTest=null;this.selectTypoSize=function(t){switch(t){case"micro":e.typoSize="fs-12";e.iconSize="xx-small";break;case"extra-small":e.typoSize="fs-14";e.iconSize="x-small";break;case"small":e.typoSize="fs-16";e.iconSize="x-small";break;case"standard":e.typoSize="fs-20";e.iconSize="medium";break;case"large":e.typoSize="fs-24";e.iconSize="xxx-large";break;case"extra-large":e.typoSize="fs-32";e.iconSize="xxx-large";break;default:e.typoSize="fs-20";e.iconSize="medium"}}}t.prototype.onUploadClick=function(t){t.preventDefault();this.bdsClickAvatar.emit(t)};t.prototype.handleClickKey=function(t){if((t.key==="Enter"||t.key===" ")&&this.upload){t.preventDefault();this.bdsClickAvatar.emit()}};t.prototype.render=function(){var t,a;var i=this;var n=["yellow","blue","green","brown","pink"];var o=n[Math.floor(Math.random()*n.length)];var r=!this.name||this.ellipsis?"neutral":o;var l=this.name?this.name.split(" "):[];var c=l.length?l.shift().charAt(0):"";var _=l.length?l.pop().charAt(0):"";this.selectTypoSize(this.size);return e(s,{class:(t={host:true},t["avatar__size--".concat(this.size)]=true,t)},e("div",{class:(a={avatar:true},a["avatar__color--".concat(r)]=true,a.upload=this.upload,a),"data-test":this.dataTest},this.ellipsis?e("bds-typo",{margin:false,class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},e("img",{class:"avatar__btn__img",src:this.thumbnail}),e("div",{class:"avatar__btn__thumb"},e("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},e("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},c+_),e("div",{class:"avatar__btn__name"},e("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},c+_):this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},e("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),e("div",{class:"avatar__btn__empty"},e("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&this.size!=="micro"?e("div",{tabindex:"0",onClick:function(){return i.handleClickKey},class:"focus"}):"")};return t}());o.style=n}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as t,h as i,H as r}from"./p-454a7a7c.js";const s=class{constructor(i){a(this,i),this.bdsClickAvatarGroup=t(this,"bdsClickAvatarGroup",7),this.size="standard"}handleClickGroup(a){a.preventDefault(),this.bdsClickAvatarGroup.emit(a)}handleClickKey(a){"Enter"!==a.key&&" "!==a.key||!this.canClick||(a.preventDefault(),this.bdsClickAvatarGroup.emit())}parseUsers(){if(this.users)try{this.internalUsers="string"==typeof this.users?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}componentWillLoad(){this.users&&this.parseUsers(),this.leftoversUsers=this.internalUsers.length-5}render(){return i(r,{class:"host"},i("div",{class:{avatar__group:!0,[`avatar__group__size--${this.size}`]:!0,[`avatar__group__click--${this.canClick}`]:!0},onClick:()=>this.handleClickGroup},this.internalUsers?this.internalUsers.slice(0,6).map(((a,t,r)=>i("bds-avatar",t+1===r.length&&this.internalUsers.length>5?{size:this.size,ellipsis:this.leftoversUsers}:{id:a.id,name:a.name,thumbnail:a.thumbnail,size:this.size}))):i("slot",null)),this.canClick?i("div",{class:"focus",tabindex:"0",onClick:()=>this.handleClickKey}):"")}};s.style=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px
|
|
1
|
+
import{r as a,c as t,h as i,H as r}from"./p-454a7a7c.js";const s=class{constructor(i){a(this,i),this.bdsClickAvatarGroup=t(this,"bdsClickAvatarGroup",7),this.size="standard"}handleClickGroup(a){a.preventDefault(),this.bdsClickAvatarGroup.emit(a)}handleClickKey(a){"Enter"!==a.key&&" "!==a.key||!this.canClick||(a.preventDefault(),this.bdsClickAvatarGroup.emit())}parseUsers(){if(this.users)try{this.internalUsers="string"==typeof this.users?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}componentWillLoad(){this.users&&this.parseUsers(),this.leftoversUsers=this.internalUsers.length-5}render(){return i(r,{class:"host"},i("div",{class:{avatar__group:!0,[`avatar__group__size--${this.size}`]:!0,[`avatar__group__click--${this.canClick}`]:!0},onClick:()=>this.handleClickGroup},this.internalUsers?this.internalUsers.slice(0,6).map(((a,t,r)=>i("bds-avatar",t+1===r.length&&this.internalUsers.length>5?{size:this.size,ellipsis:this.leftoversUsers}:{id:a.id,name:a.name,thumbnail:a.thumbnail,size:this.size}))):i("slot",null)),this.canClick?i("div",{class:"focus",tabindex:"0",onClick:()=>this.handleClickKey}):"")}};s.style=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";export{s as bds_avatar_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as t,h as i,H as s}from"./p-454a7a7c.js";const e=class{constructor(i){a(this,i),this.bdsClickAvatar=t(this,"bdsClickAvatar",7),this.typoSize="fs-20",this.iconSize="large",this.name=null,this.thumbnail=null,this.size="standard",this.upload=!1,this.ellipsis=null,this.dataTest=null,this.selectTypoSize=a=>{switch(a){case"micro":this.typoSize="fs-12",this.iconSize="xx-small";break;case"extra-small":this.typoSize="fs-14",this.iconSize="x-small";break;case"small":this.typoSize="fs-16",this.iconSize="x-small";break;case"standard":this.typoSize="fs-20",this.iconSize="medium";break;case"large":this.typoSize="fs-24",this.iconSize="xxx-large";break;case"extra-large":this.typoSize="fs-32",this.iconSize="xxx-large";break;default:this.typoSize="fs-20",this.iconSize="medium"}}}onUploadClick(a){a.preventDefault(),this.bdsClickAvatar.emit(a)}handleClickKey(a){"Enter"!==a.key&&" "!==a.key||!this.upload||(a.preventDefault(),this.bdsClickAvatar.emit())}render(){const a=["yellow","blue","green","brown","pink"],t=a[Math.floor(Math.random()*a.length)],e=!this.name||this.ellipsis?"neutral":t,n=this.name?this.name.split(" "):[],r=n.length?n.shift().charAt(0):"",o=n.length?n.pop().charAt(0):"";return this.selectTypoSize(this.size),i(s,{class:{host:!0,[`avatar__size--${this.size}`]:!0}},i("div",{class:{avatar:!0,[`avatar__color--${e}`]:!0,upload:this.upload},"data-test":this.dataTest},this.ellipsis?i("bds-typo",{margin:!1,class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},`+${this.ellipsis}`):this.thumbnail?this.upload&&"micro"!==this.size?i("div",{class:"avatar__btn",onClick:()=>this.onUploadClick},i("img",{class:"avatar__btn__img",src:this.thumbnail}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload&&"micro"!==this.size?i("div",{class:"avatar__btn",onClick:()=>this.onUploadClick},i("bds-typo",{margin:!1,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+o),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:!1,class:"avatar__text",variant:this.typoSize,tag:"span"},r+o):this.upload&&"micro"!==this.size?i("div",{class:"avatar__btn",onClick:()=>this.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}))):i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&"micro"!==this.size?i("div",{tabindex:"0",onClick:()=>this.handleClickKey,class:"focus"}):"")}};e.style=".host{position:relative;display:block}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;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--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";export{e as bds_avatar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-cac058ba.system.js"],(function(e,t){"use strict";var a,s,i,n,r,o;return{setters:[function(e){a=e.p;s=e.w;i=e.d;n=e.N;r=e.a;o=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(i.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(n,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var o=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{o.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{l(o.resourcesUrl,e)}if(!s.customElements){return t.import("./p-c8c96517.system.js").then((function(){return o}))}}return r(o)};var l=function(t,a){var r=e(n);try{s[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var o=new Map;s[r]=function(e){var n=new URL(e,t).href;var d=o.get(n);if(!d){var l=i.createElement("script");l.type="module";l.crossOrigin=a.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(n,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(s[r].m);l.remove()}}));o.set(n,d);i.head.appendChild(l)}return d}}};d().then((function(e){return o(JSON.parse('[["p-f87daa2a.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-0d857664.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-64056f6a.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-9fa6c23f.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-d9ba3ff9.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-c5c36a48.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-3a113b6b.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-d93bedf8.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-ff3d62e1.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-6b673240.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-e0a7c848.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e6be95d3.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-cc01f22f.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-6a9daf43.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"sorting":[4],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32]}]]],["p-65643671.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-909e0240.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-53fc6abb.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-7cb49101.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-d9173c67.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-e7a37db4.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-8cda3dc8.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"lipstick":[4],"openSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-bc26efce.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-d20d86a5.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"InnerSpacing":[32],"toggle":[64]}]]],["p-3fae971b.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-d8707859.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-a922ef88.system",[[1,"bds-warning"]]],["p-09466080.system",[[1,"bds-alert-body"]]],["p-3654c5dc.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-5f0c9022.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-1d3fa70d.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-43014a7b.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-4e4659fa.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-87e379c3.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-fd1f3e6e.system",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["p-e44ec959.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-ea2c10ff.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-bf0097b0.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-36442a57.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-ab4be42b.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-4f2ec92d.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-abf67604.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-d6baddcc.system",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["p-d2774b2a.system",[[1,"bds-alert-actions"]]],["p-33f92105.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-795eac5f.system",[[1,"bds-expansion-panel"]]],["p-d1f13b62.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-c3865602.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-502055b2.system",[[1,"bds-loading-page",{"svgContent":[32]}]]],["p-37e79e55.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-11b69ced.system",[[1,"bds-menu-list"]]],["p-156a3b30.system",[[1,"bds-modal-action"]]],["p-840fd3bd.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-a659ab6f.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-c45f3e90.system",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-df2c24f0.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]],["p-48824ee4.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-bf43c41a.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-66ed092e.system",[[6,"bds-toast-container"]]],["p-e368ee12.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}]]],["p-1a1bc134.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-2104c330.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-9fdbe7f8.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-fc2d1a3e.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[0,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"svgContent":[32]}]]],["p-c58ff08b.system",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));
|
|
1
|
+
System.register(["./p-cac058ba.system.js"],(function(e,t){"use strict";var a,s,i,n,r,o;return{setters:[function(e){a=e.p;s=e.w;i=e.d;n=e.N;r=e.a;o=e.b}],execute:function(){var e=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var d=function(){{a.$cssShim$=s.__cssshim}var e=Array.from(i.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(n,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var o=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{o.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,s.location.href)).href;{l(o.resourcesUrl,e)}if(!s.customElements){return t.import("./p-c8c96517.system.js").then((function(){return o}))}}return r(o)};var l=function(t,a){var r=e(n);try{s[r]=new Function("w","return import(w);//".concat(Math.random()))}catch(d){var o=new Map;s[r]=function(e){var n=new URL(e,t).href;var d=o.get(n);if(!d){var l=i.createElement("script");l.type="module";l.crossOrigin=a.crossOrigin;l.src=URL.createObjectURL(new Blob(["import * as m from '".concat(n,"'; window.").concat(r,".m = m;")],{type:"application/javascript"}));d=new Promise((function(e){l.onload=function(){e(s[r].m);l.remove()}}));o.set(n,d);i.head.appendChild(l)}return d}}};d().then((function(e){return o(JSON.parse('[["p-f87daa2a.system",[[1,"bds-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"theme":[513],"type":[1],"dataTest":[1,"data-test"],"svgContent":[32],"isVisible":[32]}],[1,"bds-typo",{"variant":[1],"lineHeight":[1,"line-height"],"bold":[1],"italic":[4],"noWrap":[4,"no-wrap"],"paragraph":[4],"margin":[4],"tag":[1],"dataTest":[1,"data-test"]}]]],["p-0d857664.system",[[0,"bds-datepicker",{"typeOfDate":[1,"type-of-date"],"startDateLimit":[1537,"start-date-limit"],"endDateLimit":[1537,"end-date-limit"],"message":[1],"language":[1],"open":[32],"dateSelected":[32],"endDateSelected":[32],"valueDateSelected":[32],"valueEndDateSelected":[32],"errorMsgDate":[32],"errorMsgEndDate":[32],"intoView":[32],"scrollingTop":[32],"menupositionTop":[32],"menupositionLeft":[32]}]]],["p-64056f6a.system",[[1,"bds-toast",{"icon":[513],"actionType":[1,"action-type"],"variant":[1],"toastTitle":[1,"toast-title"],"toastText":[1,"toast-text"],"buttonText":[1,"button-text"],"duration":[2],"buttonAction":[1,"button-action"],"show":[4],"hide":[4],"position":[1],"create":[64],"close":[64]}]]],["p-9fa6c23f.system",[[6,"bds-select-chips",{"options":[1025],"chips":[1025],"newPrefix":[513,"new-prefix"],"value":[1025],"danger":[1540],"maxlength":[2],"errorMessage":[1025,"error-message"],"disabled":[516],"label":[1],"icon":[513],"duplicated":[4],"canAddNew":[4,"can-add-new"],"notFoundMessage":[1,"not-found-message"],"type":[1],"delimiters":[16],"disableSubmit":[4,"disable-submit"],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"internalOptions":[32],"isOpen":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"getChips":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-d9ba3ff9.system",[[6,"bds-input-chips",{"chips":[1025],"type":[1],"label":[1],"maxlength":[2],"icon":[513],"delimiters":[16],"errorMessage":[1025,"error-message"],"danger":[1540],"value":[1537],"duplicated":[4],"disableSubmit":[4,"disable-submit"],"disabled":[516],"helperMessage":[1,"helper-message"],"inputName":[1,"input-name"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalChips":[32],"isValid":[64],"get":[64],"clear":[64],"add":[64],"setFocus":[64],"removeFocus":[64]}]]],["p-c5c36a48.system",[[1,"bds-pagination",{"pages":[2],"startedPage":[2,"started-page"],"value":[32],"openSelect":[32],"paginationNumbers":[32]}]]],["p-3a113b6b.system",[[1,"bds-upload",{"language":[1],"titleName":[1,"title-name"],"subtitle":[1],"error":[1],"multiple":[4],"accept":[1],"files":[32],"haveFiles":[32],"hover":[32],"background":[32],"size":[32]}]]],["p-d93bedf8.system",[[1,"bds-accordion-header",{"accordionTitle":[1,"accordion-title"],"icon":[1],"avatarName":[1,"avatar-name"],"avatarThumb":[1,"avatar-thumb"],"isOpen":[32],"btToggleIsfocus":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-ff3d62e1.system",[[1,"bds-autocomplete",{"options":[1],"value":[1025],"selected":[1040],"danger":[516],"disabled":[516],"searchOnlyTitle":[516,"search-only-title"],"label":[1],"icon":[513],"placeholder":[1],"optionsPosition":[1,"options-position"],"clearIconOnFocus":[4,"clear-icon-on-focus"],"dataTest":[1,"data-test"],"isPressed":[32],"isOpen":[32],"text":[32],"internalOptions":[32],"isFocused":[32]},[[9,"mousedown","handleWindow"]]]]],["p-e8a12716.system",[[4,"bds-avatar-group",{"size":[1],"users":[1],"canClick":[4,"can-click"],"internalUsers":[32],"leftoversUsers":[32]}]]],["p-e0a7c848.system",[[6,"bds-input-phone-number",{"options":[16],"text":[1],"value":[1032],"danger":[1540],"disabled":[516],"required":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"requiredErrorMessage":[1,"required-error-message"],"numberErrorMessage":[1,"number-error-message"],"dataTest":[1,"data-test"],"label":[1],"icon":[513],"isOpen":[32],"selectedCountry":[32],"isPressed":[32],"validationDanger":[32],"validationMesage":[32],"removeFocus":[64]},[[9,"mousedown","handleWindow"]]]]],["p-e6be95d3.system",[[1,"bds-menu-exibition",{"avatarName":[1,"avatar-name"],"avatarThumbnail":[1,"avatar-thumbnail"],"avatarSize":[1,"avatar-size"],"value":[1],"subtitle":[1]}]]],["p-cc01f22f.system",[[1,"bds-select",{"options":[1],"value":[1032],"danger":[516],"disabled":[516],"label":[1],"icon":[513],"placeholder":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"optionsPosition":[1,"options-position"],"dataTest":[1,"data-test"],"isOpen":[32],"text":[32],"validationDanger":[32],"isPressed":[32],"validationMesage":[32],"internalOptions":[32]},[[9,"mousedown","handleWindow"]]]]],["p-6a9daf43.system",[[1,"bds-table",{"options":[1],"column":[1],"avatar":[4],"sorting":[4],"headerData":[32],"tableData":[32],"sortAscending":[32],"headerActive":[32]}]]],["p-65643671.system",[[1,"bds-alert-header",{"variant":[1],"icon":[513]}]]],["p-909e0240.system",[[1,"bds-checkbox",{"refer":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[4],"checkBoxId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-53fc6abb.system",[[1,"bds-chip-selected",{"icon":[1],"color":[1],"size":[1],"selected":[4],"disabled":[4],"dataTest":[1,"data-test"],"isSelected":[32]},[[2,"click","handleClick"]]]]],["p-7cb49101.system",[[1,"bds-chip-tag",{"icon":[1],"color":[1]}]]],["p-d9173c67.system",[[1,"bds-input-editable",{"size":[1],"expand":[4],"dataTest":[1,"data-test"],"inputName":[1,"input-name"],"value":[1537],"requiredErrorMessage":[1,"required-error-message"],"minlength":[2],"minlengthErrorMessage":[1,"minlength-error-message"],"maxlength":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"placeholder":[1],"danger":[1540],"isEditing":[32],"isValid":[32],"isPressed":[32],"isFocused":[32],"validationMesage":[32],"validationDanger":[32]}]]],["p-e7a37db4.system",[[2,"bds-input-password",{"openEyes":[4,"open-eyes"],"value":[1537],"label":[1],"inputName":[1,"input-name"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"helperMessage":[1,"helper-message"],"errorMessage":[1,"error-message"],"danger":[516],"icon":[513],"disabled":[4],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"placeholder":[1],"dataTest":[1,"data-test"],"validationDanger":[32],"isPressed":[32],"validationMesage":[32]}]]],["p-8cda3dc8.system",[[1,"bds-menu-action",{"buttonText":[1,"button-text"],"subMenu":[4,"sub-menu"],"iconLeft":[1,"icon-left"],"lipstick":[4],"openSubMenu":[32],"stateSubMenu":[32],"delaySubMenu":[32],"zIndex":[32],"delay":[32]}]]],["p-bc26efce.system",[[1,"bds-menu-list-item",{"color":[1],"icon":[513]}]]],["p-d20d86a5.system",[[1,"bds-sidebar",{"isOpen":[1540,"is-open"],"sidebarPosition":[1,"sidebar-position"],"InnerSpacing":[32],"toggle":[64]}]]],["p-3fae971b.system",[[1,"bds-step",{"last":[4],"completed":[4],"active":[4],"disabled":[4],"index":[2],"pointer":[4]}]]],["p-d8707859.system",[[4,"bds-tabs",{"align":[1]},[[0,"scrollButtonClick","onScrollButtonClick"],[0,"bdsSelect","onSelectedTab"]]]]],["p-a922ef88.system",[[1,"bds-warning"]]],["p-09466080.system",[[1,"bds-alert-body"]]],["p-3654c5dc.system",[[1,"bds-card-color",{"name":[1],"hex":[1],"gradient":[4],"variable":[1],"lightText":[4,"light-text"]}]]],["p-5f0c9022.system",[[1,"bds-chip",{"icon":[1],"size":[1],"variant":[1],"danger":[516],"filter":[4],"clickable":[4],"deletable":[4],"disabled":[4]}]]],["p-1d3fa70d.system",[[1,"bds-expansion-panel-header",{"text":[1]}]]],["p-43014a7b.system",[[1,"bds-menu-separation",{"value":[1],"size":[1]}]]],["p-4e4659fa.system",[[1,"bds-modal",{"open":[1540],"closeButton":[1540,"close-button"],"size":[1537],"toggle":[64]}]]],["p-87e379c3.system",[[1,"bds-modal-close-button",{"active":[1540]}]]],["p-fd1f3e6e.system",[[1,"bds-progress-bar",{"percent":[2],"text":[1]}]]],["p-e44ec959.system",[[1,"bds-radio",{"refer":[1],"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"radioId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-ea2c10ff.system",[[0,"bds-tab",{"group":[1],"label":[1],"active":[4],"getChild":[64]}]]],["p-bf0097b0.system",[[4,"bds-tab-panel",{"group":[1],"active":[4],"getChild":[64]}]]],["p-36442a57.system",[[1,"bds-tooltip",{"tooltipText":[1,"tooltip-text"],"disabled":[516],"position":[1],"dataTest":[1,"data-test"],"isMouseOver":[32]}]]],["p-ab4be42b.system",[[1,"bds-accordion",{"isOpen":[32],"numberElement":[32],"toggle":[64],"close":[64],"reciveNumber":[64]}]]],["p-4f2ec92d.system",[[1,"bds-accordion-body",{"isOpen":[32],"heightContainer":[32],"numberElement":[32],"toggle":[64],"close":[64]}]]],["p-abf67604.system",[[1,"bds-accordion-group",{"collapse":[1],"closeAll":[64]}]]],["p-d6baddcc.system",[[1,"bds-alert",{"open":[1540],"toggle":[64]}]]],["p-d2774b2a.system",[[1,"bds-alert-actions"]]],["p-33f92105.system",[[1,"bds-banner-link",{"link":[1]}]]],["p-795eac5f.system",[[1,"bds-expansion-panel"]]],["p-d1f13b62.system",[[1,"bds-expansion-panel-body",{"open":[4],"text":[1]}]]],["p-c3865602.system",[[1,"bds-illustration",{"type":[1],"name":[1],"dataTest":[1,"data-test"],"IllustrationContent":[32]}]]],["p-502055b2.system",[[1,"bds-loading-page",{"svgContent":[32]}]]],["p-37e79e55.system",[[1,"bds-menu",{"menu":[1],"position":[1],"open":[1540],"refElement":[32],"intoView":[32],"menupositionTop":[32],"menupositionLeft":[32],"toggle":[64]}]]],["p-11b69ced.system",[[1,"bds-menu-list"]]],["p-156a3b30.system",[[1,"bds-modal-action"]]],["p-840fd3bd.system",[[6,"bds-radio-group",{"value":[1537]}]]],["p-a659ab6f.system",[[4,"bds-stepper",{"setActiveStep":[64],"setCompletedStep":[64],"getActiveStep":[64],"resetActiveSteps":[64],"resetCompletedSteps":[64]}]]],["p-c45f3e90.system",[[1,"bds-switch",{"refer":[1],"size":[1],"name":[1],"checked":[1540],"disabled":[4],"dataTest":[1,"data-test"],"switchId":[32],"getInputElement":[64],"getValue":[64]}]]],["p-df2c24f0.system",[[1,"bds-button-icon",{"disabled":[4],"size":[1],"variant":[1],"icon":[513]}]]],["p-48824ee4.system",[[1,"bds-banner",{"bannerAlign":[1,"banner-align"],"buttonClose":[1,"button-close"],"context":[1],"variant":[1],"visible":[32],"toggle":[64]}]]],["p-bf43c41a.system",[[1,"bds-paper",{"elevation":[1],"dataTest":[1,"data-test"]}]]],["p-66ed092e.system",[[6,"bds-toast-container"]]],["p-e368ee12.system",[[1,"bds-chip-clickable",{"icon":[1],"avatar":[1],"color":[1],"size":[1],"clickable":[4],"close":[4],"disabled":[4],"dataTest":[1,"data-test"],"visible":[32]}]]],["p-1a1bc134.system",[[0,"bds-counter-text",{"length":[1026],"max":[2],"active":[1028],"warning":[1040],"delete":[1040]}]]],["p-2104c330.system",[[6,"bds-select-option",{"value":[8],"selected":[4],"disabled":[4],"invisible":[1540],"danger":[1540],"bulkOption":[1,"bulk-option"],"slotAlign":[1,"slot-align"],"titleText":[1,"title-text"],"status":[1],"dataTest":[1,"data-test"]}]]],["p-9fdbe7f8.system",[[1,"bds-datepicker-period",{"startDate":[16],"endDate":[16],"startDateSelect":[1040],"endDateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"activeSelectYear":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-datepicker-single",{"endDate":[16],"startDate":[16],"dateSelect":[1040],"language":[1],"week":[32],"months":[32],"years":[32],"monthActivated":[32],"yearActivated":[32],"animatePrev":[32],"animateNext":[32],"openSelectMonth":[32],"openSelectYear":[32],"monthsSlide":[32],"loadingSlide":[32],"clear":[64]}],[1,"bds-input",{"inputName":[1,"input-name"],"type":[513],"label":[1],"placeholder":[1],"autoCapitalize":[1,"auto-capitalize"],"autoComplete":[1,"auto-complete"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"readonly":[4],"required":[4],"pattern":[1],"helperMessage":[1,"helper-message"],"errorMessage":[1025,"error-message"],"icon":[513],"disabled":[1540],"danger":[1540],"value":[1025],"counterLength":[4,"counter-length"],"counterLengthRule":[16],"isSubmit":[4,"is-submit"],"isTextarea":[4,"is-textarea"],"rows":[2],"cols":[2],"requiredErrorMessage":[1,"required-error-message"],"minlengthErrorMessage":[1,"minlength-error-message"],"minErrorMessage":[1,"min-error-message"],"maxErrorMessage":[1,"max-error-message"],"emailErrorMessage":[1,"email-error-message"],"numberErrorMessage":[1,"number-error-message"],"chips":[4],"dataTest":[1,"data-test"],"isPressed":[32],"isPassword":[32],"validationMesage":[32],"validationDanger":[32],"setFocus":[64],"removeFocus":[64],"getInputElement":[64],"isValid":[64],"clear":[64]}]]],["p-fc2d1a3e.system",[[1,"bds-button",{"disabled":[4],"size":[1],"variant":[1],"icon":[513],"arrow":[4],"type":[1],"typeIcon":[513,"type-icon"],"bdsLoading":[4,"bds-loading"],"bdsLoadingVariant":[1,"bds-loading-variant"],"bdsLoadingColor":[1,"bds-loading-color"],"dataTest":[1,"data-test"]}],[0,"bds-loading-spinner",{"variant":[1],"size":[1],"color":[1],"svgContent":[32]}]]],["p-fba82e7c.system",[[0,"bds-avatar",{"name":[1],"thumbnail":[1],"size":[1],"upload":[4],"ellipsis":[2],"dataTest":[1,"data-test"]}]]]]'),e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-cac058ba.system.js"],(function(a){"use strict";var t,r,e,i;return{setters:[function(a){t=a.r;r=a.c;e=a.h;i=a.H}],execute:function(){var s=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var n=a("bds_avatar_group",function(){function a(a){t(this,a);this.bdsClickAvatarGroup=r(this,"bdsClickAvatarGroup",7);this.size="standard"}a.prototype.handleClickGroup=function(a){a.preventDefault();this.bdsClickAvatarGroup.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.canClick){a.preventDefault();this.bdsClickAvatarGroup.emit()}};a.prototype.parseUsers=function(){if(this.users){try{this.internalUsers=typeof this.users==="string"?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}};a.prototype.componentWillLoad=function(){this.users&&this.parseUsers();this.leftoversUsers=this.internalUsers.length-5};a.prototype.render=function(){var a;var t=this;return e(i,{class:"host"},e("div",{class:(a={avatar__group:true},a["avatar__group__size--".concat(this.size)]=true,a["avatar__group__click--".concat(this.canClick)]=true,a),onClick:function(){return t.handleClickGroup}},this.internalUsers?this.internalUsers.slice(0,6).map((function(a,r,i){return r+1===i.length&&t.internalUsers.length>5?e("bds-avatar",{size:t.size,ellipsis:t.leftoversUsers}):e("bds-avatar",{id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):e("slot",null)),this.canClick?e("div",{class:"focus",tabindex:"0",onClick:function(){return t.handleClickKey}}):"")};return a}());n.style=s}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-cac058ba.system.js"],(function(t){"use strict";var a,i,e,s;return{setters:[function(t){a=t.r;i=t.c;e=t.h;s=t.H}],execute:function(){var n=".host{position:relative;display:block}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;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--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var o=t("bds_avatar",function(){function t(t){var e=this;a(this,t);this.bdsClickAvatar=i(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.name=null;this.thumbnail=null;this.size="standard";this.upload=false;this.ellipsis=null;this.dataTest=null;this.selectTypoSize=function(t){switch(t){case"micro":e.typoSize="fs-12";e.iconSize="xx-small";break;case"extra-small":e.typoSize="fs-14";e.iconSize="x-small";break;case"small":e.typoSize="fs-16";e.iconSize="x-small";break;case"standard":e.typoSize="fs-20";e.iconSize="medium";break;case"large":e.typoSize="fs-24";e.iconSize="xxx-large";break;case"extra-large":e.typoSize="fs-32";e.iconSize="xxx-large";break;default:e.typoSize="fs-20";e.iconSize="medium"}}}t.prototype.onUploadClick=function(t){t.preventDefault();this.bdsClickAvatar.emit(t)};t.prototype.handleClickKey=function(t){if((t.key==="Enter"||t.key===" ")&&this.upload){t.preventDefault();this.bdsClickAvatar.emit()}};t.prototype.render=function(){var t,a;var i=this;var n=["yellow","blue","green","brown","pink"];var o=n[Math.floor(Math.random()*n.length)];var r=!this.name||this.ellipsis?"neutral":o;var l=this.name?this.name.split(" "):[];var c=l.length?l.shift().charAt(0):"";var _=l.length?l.pop().charAt(0):"";this.selectTypoSize(this.size);return e(s,{class:(t={host:true},t["avatar__size--".concat(this.size)]=true,t)},e("div",{class:(a={avatar:true},a["avatar__color--".concat(r)]=true,a.upload=this.upload,a),"data-test":this.dataTest},this.ellipsis?e("bds-typo",{margin:false,class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},e("img",{class:"avatar__btn__img",src:this.thumbnail}),e("div",{class:"avatar__btn__thumb"},e("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},e("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},c+_),e("div",{class:"avatar__btn__name"},e("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},c+_):this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},e("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),e("div",{class:"avatar__btn__empty"},e("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&this.size!=="micro"?e("div",{tabindex:"0",onClick:function(){return i.handleClickKey},class:"focus"}):"")};return t}());o.style=n}}}));
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-972aa2f7.js');
|
|
6
6
|
|
|
7
|
-
const avatarGroupCss = ".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px
|
|
7
|
+
const avatarGroupCss = ".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
8
8
|
|
|
9
9
|
const AvatarGroup = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-972aa2f7.js');
|
|
6
6
|
|
|
7
|
-
const avatarCss = ".host{position:relative}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px}.avatar__size--small{width:40px;height:40px;min-width:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px}.avatar__size--large{width:64px;height:64px;min-width:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px}.avatar__color--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
7
|
+
const avatarCss = ".host{position:relative;display:block}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;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--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
8
8
|
|
|
9
9
|
const BdsAvatar = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
*/
|
|
19
19
|
.host {
|
|
20
20
|
position: relative;
|
|
21
|
+
display: block;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
.avatar {
|
|
@@ -129,26 +130,31 @@
|
|
|
129
130
|
width: 32px;
|
|
130
131
|
height: 32px;
|
|
131
132
|
min-width: 32px;
|
|
133
|
+
min-height: 32px;
|
|
132
134
|
}
|
|
133
135
|
.avatar__size--small {
|
|
134
136
|
width: 40px;
|
|
135
137
|
height: 40px;
|
|
136
138
|
min-width: 40px;
|
|
139
|
+
min-height: 40px;
|
|
137
140
|
}
|
|
138
141
|
.avatar__size--standard {
|
|
139
142
|
width: 56px;
|
|
140
143
|
height: 56px;
|
|
141
144
|
min-width: 56px;
|
|
145
|
+
min-height: 56px;
|
|
142
146
|
}
|
|
143
147
|
.avatar__size--large {
|
|
144
148
|
width: 64px;
|
|
145
149
|
height: 64px;
|
|
146
150
|
min-width: 64px;
|
|
151
|
+
min-height: 64px;
|
|
147
152
|
}
|
|
148
153
|
.avatar__size--extra-large {
|
|
149
154
|
width: 72px;
|
|
150
155
|
height: 72px;
|
|
151
156
|
min-width: 72px;
|
|
157
|
+
min-height: 72px;
|
|
152
158
|
}
|
|
153
159
|
.avatar__color--neutral {
|
|
154
160
|
background-color: #e7edf4;
|
|
@@ -65,7 +65,6 @@
|
|
|
65
65
|
}
|
|
66
66
|
.avatar__group__size--extra-small .avatar {
|
|
67
67
|
height: 32px;
|
|
68
|
-
padding: 0 8px;
|
|
69
68
|
}
|
|
70
69
|
.avatar__group__size--small {
|
|
71
70
|
margin-left: 8px;
|
|
@@ -75,7 +74,6 @@
|
|
|
75
74
|
}
|
|
76
75
|
.avatar__group__size--small .avatar {
|
|
77
76
|
height: 40px;
|
|
78
|
-
padding: 0 8px;
|
|
79
77
|
}
|
|
80
78
|
.avatar__group__size--standard {
|
|
81
79
|
margin-left: 16px;
|
|
@@ -85,7 +83,6 @@
|
|
|
85
83
|
}
|
|
86
84
|
.avatar__group__size--standard .avatar {
|
|
87
85
|
height: 56px;
|
|
88
|
-
padding: 0 8px;
|
|
89
86
|
}
|
|
90
87
|
.avatar__group__size--large {
|
|
91
88
|
margin-left: 16px;
|
|
@@ -95,7 +92,6 @@
|
|
|
95
92
|
}
|
|
96
93
|
.avatar__group__size--large .avatar {
|
|
97
94
|
height: 64px;
|
|
98
|
-
padding: 0 8px;
|
|
99
95
|
}
|
|
100
96
|
.avatar__group__size--extra-large {
|
|
101
97
|
margin-left: 16px;
|
|
@@ -105,7 +101,6 @@
|
|
|
105
101
|
}
|
|
106
102
|
.avatar__group__size--extra-large .avatar {
|
|
107
103
|
height: 72px;
|
|
108
|
-
padding: 0 8px;
|
|
109
104
|
}
|
|
110
105
|
|
|
111
106
|
.focus:focus-visible {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h, f as Host } from './index-77dd9e80.js';
|
|
2
2
|
|
|
3
|
-
const avatarGroupCss = ".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px
|
|
3
|
+
const avatarGroupCss = ".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
4
4
|
|
|
5
5
|
const AvatarGroup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, e as createEvent, h, f as Host } from './index-77dd9e80.js';
|
|
2
2
|
|
|
3
|
-
const avatarCss = ".host{position:relative}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px}.avatar__size--small{width:40px;height:40px;min-width:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px}.avatar__size--large{width:64px;height:64px;min-width:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px}.avatar__color--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
3
|
+
const avatarCss = ".host{position:relative;display:block}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;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--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";
|
|
4
4
|
|
|
5
5
|
const BdsAvatar = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-abb0207b.js";var avatarGroupCss=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-abb0207b.js";var avatarGroupCss=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var AvatarGroup=function(){function a(a){registerInstance(this,a);this.bdsClickAvatarGroup=createEvent(this,"bdsClickAvatarGroup",7);this.size="standard"}a.prototype.handleClickGroup=function(a){a.preventDefault();this.bdsClickAvatarGroup.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.canClick){a.preventDefault();this.bdsClickAvatarGroup.emit()}};a.prototype.parseUsers=function(){if(this.users){try{this.internalUsers=typeof this.users==="string"?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}};a.prototype.componentWillLoad=function(){this.users&&this.parseUsers();this.leftoversUsers=this.internalUsers.length-5};a.prototype.render=function(){var a;var t=this;return h(Host,{class:"host"},h("div",{class:(a={avatar__group:true},a["avatar__group__size--".concat(this.size)]=true,a["avatar__group__click--".concat(this.canClick)]=true,a),onClick:function(){return t.handleClickGroup}},this.internalUsers?this.internalUsers.slice(0,6).map((function(a,r,e){return r+1===e.length&&t.internalUsers.length>5?h("bds-avatar",{size:t.size,ellipsis:t.leftoversUsers}):h("bds-avatar",{id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):h("slot",null)),this.canClick?h("div",{class:"focus",tabindex:"0",onClick:function(){return t.handleClickKey}}):"")};return a}();AvatarGroup.style=avatarGroupCss;export{AvatarGroup as bds_avatar_group};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-abb0207b.js";var avatarCss=".host{position:relative}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px}.avatar__size--small{width:40px;height:40px;min-width:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px}.avatar__size--large{width:64px;height:64px;min-width:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px}.avatar__color--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var BdsAvatar=function(){function a(a){var t=this;registerInstance(this,a);this.bdsClickAvatar=createEvent(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.name=null;this.thumbnail=null;this.size="standard";this.upload=false;this.ellipsis=null;this.dataTest=null;this.selectTypoSize=function(a){switch(a){case"micro":t.typoSize="fs-12";t.iconSize="xx-small";break;case"extra-small":t.typoSize="fs-14";t.iconSize="x-small";break;case"small":t.typoSize="fs-16";t.iconSize="x-small";break;case"standard":t.typoSize="fs-20";t.iconSize="medium";break;case"large":t.typoSize="fs-24";t.iconSize="xxx-large";break;case"extra-large":t.typoSize="fs-32";t.iconSize="xxx-large";break;default:t.typoSize="fs-20";t.iconSize="medium"}}}a.prototype.onUploadClick=function(a){a.preventDefault();this.bdsClickAvatar.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.upload){a.preventDefault();this.bdsClickAvatar.emit()}};a.prototype.render=function(){var a,t;var i=this;var e=["yellow","blue","green","brown","pink"];var s=e[Math.floor(Math.random()*e.length)];var n=!this.name||this.ellipsis?"neutral":s;var o=this.name?this.name.split(" "):[];var r=o.length?o.shift().charAt(0):"";var l=o.length?o.pop().charAt(0):"";this.selectTypoSize(this.size);return h(Host,{class:(a={host:true},a["avatar__size--".concat(this.size)]=true,a)},h("div",{class:(t={avatar:true},t["avatar__color--".concat(n)]=true,t.upload=this.upload,t),"data-test":this.dataTest},this.ellipsis?h("bds-typo",{margin:false,class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?h("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},h("img",{class:"avatar__btn__img",src:this.thumbnail}),h("div",{class:"avatar__btn__thumb"},h("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):h("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload&&this.size!=="micro"?h("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},h("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+l),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"},r+l):this.upload&&this.size!=="micro"?h("div",{class:"avatar__btn",onClick:function(){return i.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}))):h("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&this.size!=="micro"?h("div",{tabindex:"0",onClick:function(){return i.handleClickKey},class:"focus"}):"")};return a}();BdsAvatar.style=avatarCss;export{BdsAvatar as bds_avatar};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-abb0207b.js";var avatarCss=".host{position:relative;display:block}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;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--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var BdsAvatar=function(){function a(a){var t=this;registerInstance(this,a);this.bdsClickAvatar=createEvent(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.name=null;this.thumbnail=null;this.size="standard";this.upload=false;this.ellipsis=null;this.dataTest=null;this.selectTypoSize=function(a){switch(a){case"micro":t.typoSize="fs-12";t.iconSize="xx-small";break;case"extra-small":t.typoSize="fs-14";t.iconSize="x-small";break;case"small":t.typoSize="fs-16";t.iconSize="x-small";break;case"standard":t.typoSize="fs-20";t.iconSize="medium";break;case"large":t.typoSize="fs-24";t.iconSize="xxx-large";break;case"extra-large":t.typoSize="fs-32";t.iconSize="xxx-large";break;default:t.typoSize="fs-20";t.iconSize="medium"}}}a.prototype.onUploadClick=function(a){a.preventDefault();this.bdsClickAvatar.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.upload){a.preventDefault();this.bdsClickAvatar.emit()}};a.prototype.render=function(){var a,t;var i=this;var e=["yellow","blue","green","brown","pink"];var s=e[Math.floor(Math.random()*e.length)];var n=!this.name||this.ellipsis?"neutral":s;var o=this.name?this.name.split(" "):[];var r=o.length?o.shift().charAt(0):"";var l=o.length?o.pop().charAt(0):"";this.selectTypoSize(this.size);return h(Host,{class:(a={host:true},a["avatar__size--".concat(this.size)]=true,a)},h("div",{class:(t={avatar:true},t["avatar__color--".concat(n)]=true,t.upload=this.upload,t),"data-test":this.dataTest},this.ellipsis?h("bds-typo",{margin:false,class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?h("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},h("img",{class:"avatar__btn__img",src:this.thumbnail}),h("div",{class:"avatar__btn__thumb"},h("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):h("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload&&this.size!=="micro"?h("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},h("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},r+l),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"},r+l):this.upload&&this.size!=="micro"?h("div",{class:"avatar__btn",onClick:function(){return i.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}))):h("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&this.size!=="micro"?h("div",{tabindex:"0",onClick:function(){return i.handleClickKey},class:"focus"}):"")};return a}();BdsAvatar.style=avatarCss;export{BdsAvatar as bds_avatar};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as t,h as i,H as s}from"./p-454a7a7c.js";const e=class{constructor(i){a(this,i),this.bdsClickAvatar=t(this,"bdsClickAvatar",7),this.typoSize="fs-20",this.iconSize="large",this.name=null,this.thumbnail=null,this.size="standard",this.upload=!1,this.ellipsis=null,this.dataTest=null,this.selectTypoSize=a=>{switch(a){case"micro":this.typoSize="fs-12",this.iconSize="xx-small";break;case"extra-small":this.typoSize="fs-14",this.iconSize="x-small";break;case"small":this.typoSize="fs-16",this.iconSize="x-small";break;case"standard":this.typoSize="fs-20",this.iconSize="medium";break;case"large":this.typoSize="fs-24",this.iconSize="xxx-large";break;case"extra-large":this.typoSize="fs-32",this.iconSize="xxx-large";break;default:this.typoSize="fs-20",this.iconSize="medium"}}}onUploadClick(a){a.preventDefault(),this.bdsClickAvatar.emit(a)}handleClickKey(a){"Enter"!==a.key&&" "!==a.key||!this.upload||(a.preventDefault(),this.bdsClickAvatar.emit())}render(){const a=["yellow","blue","green","brown","pink"],t=a[Math.floor(Math.random()*a.length)],e=!this.name||this.ellipsis?"neutral":t,r=this.name?this.name.split(" "):[],n=r.length?r.shift().charAt(0):"",o=r.length?r.pop().charAt(0):"";return this.selectTypoSize(this.size),i(s,{class:{host:!0,[`avatar__size--${this.size}`]:!0}},i("div",{class:{avatar:!0,[`avatar__color--${e}`]:!0,upload:this.upload},"data-test":this.dataTest},this.ellipsis?i("bds-typo",{margin:!1,class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},`+${this.ellipsis}`):this.thumbnail?this.upload&&"micro"!==this.size?i("div",{class:"avatar__btn",onClick:()=>this.onUploadClick},i("img",{class:"avatar__btn__img",src:this.thumbnail}),i("div",{class:"avatar__btn__thumb"},i("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):i("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload&&"micro"!==this.size?i("div",{class:"avatar__btn",onClick:()=>this.onUploadClick},i("bds-typo",{margin:!1,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},n+o),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:!1,class:"avatar__text",variant:this.typoSize,tag:"span"},n+o):this.upload&&"micro"!==this.size?i("div",{class:"avatar__btn",onClick:()=>this.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}))):i("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&"micro"!==this.size?i("div",{tabindex:"0",onClick:()=>this.handleClickKey,class:"focus"}):"")}};e.style=".host{position:relative}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px}.avatar__size--small{width:40px;height:40px;min-width:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px}.avatar__size--large{width:64px;height:64px;min-width:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px}.avatar__color--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";export{e as bds_avatar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-cac058ba.system.js"],(function(a){"use strict";var t,r,i,e;return{setters:[function(a){t=a.r;r=a.c;i=a.h;e=a.H}],execute:function(){var s=".host{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.avatar__group{display:-ms-flexbox;display:flex}.avatar__group>*:nth-child(1){z-index:1}.avatar__group>*:nth-child(2){z-index:2}.avatar__group>*:nth-child(3){z-index:3}.avatar__group>*:nth-child(4){z-index:4}.avatar__group>*:nth-child(5){z-index:5}.avatar__group>*:nth-child(6){z-index:6;width:auto}.avatar__group>*:nth-child(6) div{background-color:#1a2437;padding:0 16px;width:auto}.avatar__group__click--true{cursor:pointer}.avatar__group .avatar{position:relative}.avatar__group__size--extra-small{margin-left:8px}.avatar__group__size--extra-small>*{margin-left:-8px}.avatar__group__size--extra-small>*:nth-child(6) div{padding:0 8px}.avatar__group__size--extra-small .avatar{height:32px;padding:0 8px}.avatar__group__size--small{margin-left:8px}.avatar__group__size--small>*{margin-left:-8px}.avatar__group__size--small .avatar{height:40px;padding:0 8px}.avatar__group__size--standard{margin-left:16px}.avatar__group__size--standard>*{margin-left:-16px}.avatar__group__size--standard .avatar{height:56px;padding:0 8px}.avatar__group__size--large{margin-left:16px}.avatar__group__size--large>*{margin-left:-16px}.avatar__group__size--large .avatar{height:64px;padding:0 8px}.avatar__group__size--extra-large{margin-left:16px}.avatar__group__size--extra-large>*{margin-left:-16px}.avatar__group__size--extra-large .avatar{height:72px;padding:0 8px}.focus:focus-visible{display:-ms-flexbox;display:flex;position:absolute;border:2px solid #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var n=a("bds_avatar_group",function(){function a(a){t(this,a);this.bdsClickAvatarGroup=r(this,"bdsClickAvatarGroup",7);this.size="standard"}a.prototype.handleClickGroup=function(a){a.preventDefault();this.bdsClickAvatarGroup.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.canClick){a.preventDefault();this.bdsClickAvatarGroup.emit()}};a.prototype.parseUsers=function(){if(this.users){try{this.internalUsers=typeof this.users==="string"?JSON.parse(this.users):this.users}catch(a){this.internalUsers=[]}}};a.prototype.componentWillLoad=function(){this.users&&this.parseUsers();this.leftoversUsers=this.internalUsers.length-5};a.prototype.render=function(){var a;var t=this;return i(e,{class:"host"},i("div",{class:(a={avatar__group:true},a["avatar__group__size--".concat(this.size)]=true,a["avatar__group__click--".concat(this.canClick)]=true,a),onClick:function(){return t.handleClickGroup}},this.internalUsers?this.internalUsers.slice(0,6).map((function(a,r,e){return r+1===e.length&&t.internalUsers.length>5?i("bds-avatar",{size:t.size,ellipsis:t.leftoversUsers}):i("bds-avatar",{id:a.id,name:a.name,thumbnail:a.thumbnail,size:t.size})})):i("slot",null)),this.canClick?i("div",{class:"focus",tabindex:"0",onClick:function(){return t.handleClickKey}}):"")};return a}());n.style=s}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-cac058ba.system.js"],(function(a){"use strict";var t,i,e,s;return{setters:[function(a){t=a.r;i=a.c;e=a.h;s=a.H}],execute:function(){var n=".host{position:relative}.avatar{border-radius:40px;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__text{color:#202c44}.avatar__icon{color:#202c44}.avatar__img{width:100%;height:auto}.avatar__ellipsis{color:#ffffff}.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{width:100%;height:auto}.avatar__btn__text{color:#202c44;opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.avatar__btn__icon{color:#202c44;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;background-color:#ffffff;cursor:pointer;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.avatar__btn__thumb__icon{color:#202c44}.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:#202c44}.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:#202c44}.avatar__size--micro{width:24px;height:24px}.avatar__size--extra-small{width:32px;height:32px;min-width:32px}.avatar__size--small{width:40px;height:40px;min-width:40px}.avatar__size--standard{width:56px;height:56px;min-width:56px}.avatar__size--large{width:64px;height:64px;min-width:64px}.avatar__size--extra-large{width:72px;height:72px;min-width:72px}.avatar__color--neutral{background-color:#e7edf4}.avatar__color--yellow{background-color:#fff6a8}.avatar__color--blue{background-color:#80e3eb}.avatar__color--green{background-color:#90e6bc}.avatar__color--brown{background-color:#ffd29e}.avatar__color--pink{background-color:#fdacc5}.avatar:hover .avatar__btn__thumb{opacity:0.65}.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 #c226fb;border-radius:4px;width:100%;height:100%;top:-4px;left:-4px;padding-right:4px;padding-bottom:4px;outline:none}";var o=a("bds_avatar",function(){function a(a){var e=this;t(this,a);this.bdsClickAvatar=i(this,"bdsClickAvatar",7);this.typoSize="fs-20";this.iconSize="large";this.name=null;this.thumbnail=null;this.size="standard";this.upload=false;this.ellipsis=null;this.dataTest=null;this.selectTypoSize=function(a){switch(a){case"micro":e.typoSize="fs-12";e.iconSize="xx-small";break;case"extra-small":e.typoSize="fs-14";e.iconSize="x-small";break;case"small":e.typoSize="fs-16";e.iconSize="x-small";break;case"standard":e.typoSize="fs-20";e.iconSize="medium";break;case"large":e.typoSize="fs-24";e.iconSize="xxx-large";break;case"extra-large":e.typoSize="fs-32";e.iconSize="xxx-large";break;default:e.typoSize="fs-20";e.iconSize="medium"}}}a.prototype.onUploadClick=function(a){a.preventDefault();this.bdsClickAvatar.emit(a)};a.prototype.handleClickKey=function(a){if((a.key==="Enter"||a.key===" ")&&this.upload){a.preventDefault();this.bdsClickAvatar.emit()}};a.prototype.render=function(){var a,t;var i=this;var n=["yellow","blue","green","brown","pink"];var o=n[Math.floor(Math.random()*n.length)];var r=!this.name||this.ellipsis?"neutral":o;var l=this.name?this.name.split(" "):[];var c=l.length?l.shift().charAt(0):"";var _=l.length?l.pop().charAt(0):"";this.selectTypoSize(this.size);return e(s,{class:(a={host:true},a["avatar__size--".concat(this.size)]=true,a)},e("div",{class:(t={avatar:true},t["avatar__color--".concat(r)]=true,t.upload=this.upload,t),"data-test":this.dataTest},this.ellipsis?e("bds-typo",{margin:false,class:"avatar__ellipsis",variant:this.typoSize,tag:"span"},"+".concat(this.ellipsis)):this.thumbnail?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},e("img",{class:"avatar__btn__img",src:this.thumbnail}),e("div",{class:"avatar__btn__thumb"},e("bds-icon",{class:"avatar__btn__thumb__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("img",{class:"avatar__img",src:this.thumbnail}):this.name?this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},e("bds-typo",{margin:false,class:"avatar__btn__text",variant:this.typoSize,tag:"span"},c+_),e("div",{class:"avatar__btn__name"},e("bds-icon",{class:"avatar__btn__name__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-typo",{margin:false,class:"avatar__text",variant:this.typoSize,tag:"span"},c+_):this.upload&&this.size!=="micro"?e("div",{class:"avatar__btn",onClick:function(){return i.onUploadClick}},e("bds-icon",{class:"avatar__btn__icon",name:"user-default",theme:"outline",size:this.iconSize}),e("div",{class:"avatar__btn__empty"},e("bds-icon",{class:"avatar__btn__empty__icon",name:"upload",theme:"outline",size:this.iconSize}))):e("bds-icon",{class:"avatar__icon",name:"user-default",theme:"outline",size:this.iconSize})),this.upload&&this.size!=="micro"?e("div",{tabindex:"0",onClick:function(){return i.handleClickKey},class:"focus"}):"")};return a}());o.style=n}}}));
|