scb-wc-test 0.1.21 → 0.1.23
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/all.js +2 -2
- package/index.d.ts +1 -1
- package/index.js +1 -1
- package/mvc/components/all.js +1 -1
- package/mvc/components/scb-chip/scb-chip.js +48 -0
- package/mvc/components/scb-dialog/scb-dialog.js +2 -2
- package/mvc/components/scb-header/scb-header.js +9 -14
- package/mvc/components/scb-list/scb-list-item.js +7 -4
- package/mvc/components/scb-list/scb-list.js +11 -4
- package/package.json +6 -10
- package/{scb-chips → scb-chip}/scb-chip.d.ts +2 -0
- package/{scb-chips → scb-chip}/scb-chip.js +34 -24
- package/scb-dialog/scb-dialog.js +1 -1
- package/scb-header/scb-header.js +5 -10
- package/scb-list/scb-list-item.d.ts +1 -0
- package/scb-list/scb-list-item.js +9 -3
- package/scb-list/scb-list.d.ts +6 -0
- package/scb-list/scb-list.js +48 -38
- package/scb-wc-test.bundle.js +163 -156
- package/mvc/components/scb-chips/scb-chip.js +0 -46
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as h}from"../../vendor/preload-helper.js";import{a as p,n as a,i as _,x as n,t as u}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(r,l,s){try{customElements.get(r)||o(r,l,s)}catch(c){var d=String(c||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,i=(e,o,r,l)=>{for(var s=l>1?void 0:l?f(o,r):o,d=e.length-1,c;d>=0;d--)(c=e[d])&&(s=(l?c(o,r,s):c(s))||s);return l&&s&&m(o,r,s),s};let t=class extends _{constructor(){super(...arguments),this.variant="assist",this.label="",this.icon="",this.disabled=!1,this.elevated=!1,this.removable=!1,this.selected=!1,this.__loadedVariants=new Set,this.__chipSetLoaded=!1,this.__iconLoaded=!1}updated(e){super.updated(e),(e.has("variant")||e.has("icon"))&&this.__ensureDepsLoaded()}firstUpdated(){this.__ensureDepsLoaded()}async __ensureDepsLoaded(){if(!this.__loadedVariants.has(this.variant)){switch(this.variant){case"assist":await h(()=>import("../../vendor/vendor-material.js").then(e=>e.j),__vite__mapDeps([0,1]),import.meta.url);break;case"filter":await h(()=>import("../../vendor/vendor-material.js").then(e=>e.k),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedVariants.add(this.variant)}!this._insideChipSet&&!this.__chipSetLoaded&&(await h(()=>import("../../vendor/vendor-material.js").then(e=>e.n),__vite__mapDeps([0,1]),import.meta.url),this.__chipSetLoaded=!0),this.icon&&!this.__iconLoaded&&(await h(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}get _insideChipSet(){return!!this.closest("md-chip-set")}render(){const e=this._renderChip();return this._insideChipSet?e:n`<md-chip-set>${e}</md-chip-set>`}_renderChip(){const e=this.icon?n`<md-icon slot="icon">${this.icon}</md-icon>`:null;switch(this.variant){case"assist":return n`
|
|
3
|
-
<md-assist-chip
|
|
4
|
-
label=${this.label}
|
|
5
|
-
?disabled=${this.disabled}
|
|
6
|
-
?elevated=${this.elevated}
|
|
7
|
-
@update-focus=${this._forward}
|
|
8
|
-
>
|
|
9
|
-
${e}
|
|
10
|
-
</md-assist-chip>
|
|
11
|
-
`;case"filter":return n`
|
|
12
|
-
<md-filter-chip
|
|
13
|
-
label=${this.label}
|
|
14
|
-
?disabled=${this.disabled}
|
|
15
|
-
?removable=${this.removable}
|
|
16
|
-
?selected=${this.selected}
|
|
17
|
-
|
|
18
|
-
@remove=${this._onRemove}
|
|
19
|
-
@update-focus=${this._forward}
|
|
20
|
-
@click=${()=>this._toggleSelected()}
|
|
21
|
-
>
|
|
22
|
-
${e}
|
|
23
|
-
</md-filter-chip>
|
|
24
|
-
`;default:return n``}}_toggleSelected(){this.selected=!this.selected,this.dispatchEvent(new CustomEvent("selected-changed",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}_onRemove(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{label:this.label},bubbles:!0,composed:!0}))}_forward(e){this.dispatchEvent(new CustomEvent(e.type,{detail:e.detail,bubbles:!0,composed:!0}))}};t.styles=p`
|
|
25
|
-
:host {
|
|
26
|
-
display: inline-block;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/* Sätt samma färg på label för assist som är på filter */
|
|
30
|
-
:host md-assist-chip {
|
|
31
|
-
--_label-text-color: var(--md-sys-color-on-surface-variant);
|
|
32
|
-
--_hover-label-text-color: var(--md-sys-color-on-surface-variant);
|
|
33
|
-
--_focus-label-text-color: var(--md-sys-color-on-surface-variant);
|
|
34
|
-
--_pressed-label-text-color: var(--md-sys-color-on-surface-variant);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
md-icon {
|
|
38
|
-
color: var(--p-20);
|
|
39
|
-
font-size: var(--scb-icon-size-large);
|
|
40
|
-
}
|
|
41
|
-
@media (prefers-color-scheme: dark) {
|
|
42
|
-
md-icon {
|
|
43
|
-
color: var(--md-sys-color-on-surface);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
`;i([a({type:String,reflect:!0})],t.prototype,"variant",2);i([a({type:String})],t.prototype,"label",2);i([a({type:String})],t.prototype,"icon",2);i([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2);i([a({type:Boolean,reflect:!0})],t.prototype,"elevated",2);i([a({type:Boolean,reflect:!0})],t.prototype,"removable",2);i([a({type:Boolean,reflect:!0})],t.prototype,"selected",2);t=i([u("scb-chip")],t);export{t as ScbChip};
|