ids-enterprise-wc 1.0.0-beta.22 → 1.0.0-beta.23

package/chunks/ids-chunk-TFDJR4MY.js

@@ -1,157 +0,0 @@
-import{a as S}from"./ids-chunk-3DA43NO3.js";import{a as v,b as w}from"./ids-chunk-XE4WFW5M.js";import{a as E}from"./ids-chunk-7MATJMV7.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-3Q46IU4X.js";import{a as A,d as r,g as s}from"./ids-chunk-Y32WUP63.js";var L=`:host {
-  display: inline-block;
-  max-width: 100%;
-}
-
-:host([size=sm]) .ids-image,
-.ids-image.sm {
-  width: 60px;
-  height: 60px;
-}
-
-:host([size=md]) .ids-image,
-.ids-image.md {
-  width: 154px;
-  height: 120px;
-}
-
-:host([size=lg]) .ids-image,
-.ids-image.lg {
-  width: 300px;
-  height: 350px;
-}
-
-:host(:focus-visible) {
-  outline: none;
-}
-
-:host(:focus) .ids-image,
-:host(:focus-visible) .ids-image {
-  border-color: var(--ids-image-color-border-focus);
-  box-shadow: var(--ids-image-shadow-focus);
-}
-
-:host .placeholder,
-.ids-image.placeholder {
-  border-color: var(--ids-image-color-border-default);
-}
-:host .placeholder ids-icon,
-.ids-image.placeholder ids-icon {
-  color: var(--ids-image-color-text);
-}
-
-:host([round=true]) .ids-image,
-.ids-image.round {
-  border-radius: var(--ids-image-initials-border-radius);
-  min-width: 50px;
-  max-width: 50px;
-  width: 50px;
-  height: 50px;
-}
-
-:host([user-status]),
-.user-status-wrapper {
-  position: relative;
-}
-
-:host-context(.disabled),
-:host-context([disabled]),
-:host(.disabled),
-:host([disabled]) {
-  opacity: var(--ids-list-view-item-opacity-disabled);
-}
-
-.ids-image {
-  box-sizing: border-box;
-  border: 1px solid transparent;
-  max-width: 100%;
-  height: auto;
-}
-.ids-image:not(.placeholder):not(.initials) {
-  display: block;
-  object-fit: cover;
-}
-.ids-image.placeholder {
-  align-items: center;
-  display: inline-flex;
-  background-color: var(--ids-image-placeholder-color-background);
-  justify-content: center;
-  min-width: 50px;
-  min-height: 50px;
-}
-.ids-image.initials {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  min-width: 50px;
-  min-height: 50px;
-  background-color: var(--ids-image-initials-color-background);
-  color: var(--ids-color-white-100);
-  text-transform: uppercase;
-}
-.ids-image .audible {
-  clip: rect(0, 0, 0, 0);
-  height: 0;
-  line-height: 0;
-  min-height: 0;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.user-status {
-  position: absolute;
-  width: 18px;
-  height: 18px;
-  right: -1px;
-  bottom: -3px;
-}
-.user-status.available {
-  color: var(--ids-image-status-available-color-background);
-}
-.user-status.busy, .user-status.do-not-disturb {
-  color: var(--ids-image-status-busy-color-background);
-}
-.user-status.away {
-  color: var(--ids-image-status-away-color-background);
-}
-.user-status.unknown {
-  color: var(--ids-image-status-unknown-color-background);
-}
-.user-status::before {
-  position: absolute;
-  border-radius: var(--ids-border-radius-circle);
-  background-color: var(--ids-color-white-100);
-  content: "";
-  width: 12px;
-  height: 12px;
-  left: 3px;
-  top: 3px;
-  z-index: 1;
-}
-.user-status::after {
-  position: absolute;
-  border-radius: var(--ids-border-radius-circle);
-  background-color: var(--ids-color-background-default);
-  content: "";
-  width: 16px;
-  height: 16px;
-  left: 1px;
-  top: 1px;
-}
-.user-status ids-icon {
-  z-index: 1;
-}
-
-.user-status-wrapper .user-status {
-  position: unset;
-  width: 18px;
-  height: 18px;
-  margin-left: 36px;
-  margin-top: -18px;
-}
-.user-status-wrapper .user-status svg {
-  border-radius: var(--ids-border-radius-circle);
-  background-color: var(--ids-color-background-default);
-}`;var I=S(E),h,R,g,T,m,k,n,c,l,f,u,x,p,y,b,C,d=class extends I{constructor(){super();r(this,h);r(this,g);r(this,m);r(this,n);r(this,l);r(this,u);r(this,p);r(this,b)}connectedCallback(){super.connectedCallback(),this.userStatus&&(this.userStatus=this.getAttribute("user-status"))}static get attributes(){return[...super.attributes,i.ALT,i.FALLBACK,i.INITIALS,i.PLACEHOLDER,i.ROUND,i.SIZE,i.SRC,i.USER_STATUS]}template(){return this.initials?`<div class="ids-image initials"><ids-text font-size="24" font-weight="semi-bold">${this.initials}</ids-text></div>`:this.placeholder||!this.src?'<div class="ids-image placeholder"><span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon></div>':`<img class="ids-image" src="${this.src}" alt="${this.alt}"/>`}get src(){return this.getAttribute(i.SRC)||""}set src(t){let e=this.shadowRoot?.querySelector("img");if(t&&!this.placeholder){e?e.setAttribute(i.SRC,t):(this.shadowRoot?.querySelector(".placeholder")?.remove(),e=s(this,m,k).call(this,t,this.alt),this.shadowRoot?.appendChild(e)),this.fallback&&s(this,h,R).call(this,e),this.setAttribute(i.SRC,t);return}e&&(e.remove(),s(this,g,T).call(this),this.shadowRoot?.appendChild(s(this,n,c).call(this))),this.removeAttribute(i.SRC)}get alt(){return this.getAttribute(i.ALT)||""}set alt(t){let e=this.shadowRoot?.querySelector("img");if(t){this.setAttribute(i.ALT,t),e?.setAttribute(i.ALT,t);return}this.removeAttribute(i.ALT),e?.removeAttribute(i.ALT)}get size(){let t=this.getAttribute(i.SIZE);return s(this,l,f).call(this,t)}set size(t){this.setAttribute(i.SIZE,s(this,l,f).call(this,t))}get placeholder(){let t=this.getAttribute(i.PLACEHOLDER);return a(t)}set placeholder(t){let e=a(t);if(e){this.setAttribute(i.PLACEHOLDER,String(e));return}this.removeAttribute(i.PLACEHOLDER)}get fallback(){let t=this.getAttribute(i.FALLBACK);return a(t)}set fallback(t){let e=a(t);if(e){this.setAttribute(i.FALLBACK,String(e));return}this.removeAttribute(i.FALLBACK)}get round(){let t=this.getAttribute(i.ROUND);return a(t)}set round(t){let e=a(t);if(e){this.setAttribute(i.ROUND,String(e));return}this.removeAttribute(i.ROUND)}get userStatus(){let t=this.getAttribute(i.USER_STATUS);return s(this,u,x).call(this,t)}set userStatus(t){let e=s(this,u,x).call(this,t);if(this.shadowRoot?.querySelector(".user-status")?.remove(),e){this.shadowRoot?.appendChild(s(this,p,y).call(this,e)),this.setAttribute(i.USER_STATUS,e);return}this.removeAttribute(i.USER_STATUS)}get initials(){return this.getAttribute(i.INITIALS)}set initials(t){let e=this.shadowRoot?.querySelector(".ids-image"),o=t?.substring(0,2);if(e?.remove(),t){this.shadowRoot?.appendChild(s(this,b,C).call(this,o??"")),this.setAttribute(i.INITIALS,t);return}this.shadowRoot?.appendChild(s(this,n,c).call(this)),this.removeAttribute(i.INITIALS)}};h=new WeakSet,R=function(t){this.offEvent("error.image"),this.onEvent("error.image",t,()=>{this.shadowRoot?.querySelector("img")?.remove(),this.shadowRoot?.appendChild(s(this,n,c).call(this))})},g=new WeakSet,T=function(){this.offEvent("error.image")},m=new WeakSet,k=function(t,e){let o=document.createElement("img");return o.classList.add("ids-image"),o.setAttribute("src",t),e&&o.setAttribute("alt",e),o},n=new WeakSet,c=function(){let t=document.createElement("div");return t.classList.add("ids-image","placeholder"),t.innerHTML='<span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon>',t},l=new WeakSet,f=function(t){let e=["auto","sm","md","lg"];return t&&e.includes(t)?t:e[0]},u=new WeakSet,x=function(t){return t&&["available","away","busy","do-not-disturb","unknown"].includes(t)?t:null},p=new WeakSet,y=function(t){let e=document.createElement("div");return e.classList.add("user-status",t),e.innerHTML=`<ids-icon icon="user-status-${t}"></ids-icon>`,e},b=new WeakSet,C=function(t){let e=document.createElement("div");return e.classList.add("ids-image","initials"),e.innerHTML=`<ids-text font-size="24" font-weight="semi-bold">${t}</ids-text>`,e},d=A([v("ids-image"),w(L)],d);export{d as a};

package/chunks/ids-chunk-TPBUGQMY.js

@@ -1,117 +0,0 @@
-import{a as D}from"./ids-chunk-Y2X37JEV.js";import{a as v}from"./ids-chunk-H2UUMN2T.js";import{a as g}from"./ids-chunk-3DA43NO3.js";import{a as A,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as L}from"./ids-chunk-7MATJMV7.js";import{e as o}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-3Q46IU4X.js";import{a as p,d as a,g as d}from"./ids-chunk-Y32WUP63.js";var m=`/**
- * Radio Mixins.
- */
-.ids-radio {
-  outline: none;
-  margin-block-start: 8px;
-  margin-block-end: 8px;
-}
-.ids-radio label {
-  cursor: var(--ids-cursor-pointer);
-  position: relative;
-  padding-inline-start: 24px;
-  display: inline-block;
-  user-select: none;
-}
-.ids-radio.disabled label {
-  cursor: var(--ids-cursor-default);
-}
-.ids-radio.horizontal {
-  display: inline-block;
-  margin-inline-end: 12px;
-}
-.ids-radio input[type=radio] {
-  position: absolute;
-  cursor: var(--ids-cursor-pointer);
-  opacity: 0;
-  height: 0;
-  width: 0;
-}
-.ids-radio input[type=radio] ~ .circle {
-  position: absolute;
-  border: 1px solid var(--ids-radio-button-color-border-default);
-  border-radius: var(--ids-radio-button-border-radius);
-  height: 14px;
-  left: 0;
-  top: 3px;
-  transition: border-color var(--ids-motion-duration) var(--ids-motion-ease);
-  width: 14px;
-}
-.ids-radio input[type=radio] ~ .circle::after {
-  position: absolute;
-  background-color: var(--ids-radio-button-color-background);
-  border: 1px solid var(--ids-radio-button-color-background);
-  border-radius: var(--ids-radio-button-border-radius);
-  content: "";
-  height: 0;
-  left: 6px;
-  top: 6px;
-  transition: all var(--ids-motion-duration) var(--ids-motion-ease);
-  width: 0;
-}
-.ids-radio input[type=radio].error ~ .circle {
-  border-color: var(--ids-color-error-default);
-}
-.ids-radio input[type=radio].error ~ .label-text {
-  color: var(--ids-color-error-default);
-}
-.ids-radio input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-radio-button-color-background-selected);
-  border-color: var(--ids-radio-button-color-border-selected);
-}
-.ids-radio input[type=radio]:checked ~ .circle::after {
-  background-color: var(--ids-radio-button-inner-color-background-selected);
-  border-color: var(--ids-radio-button-inner-color-background-selected);
-  border-width: 2px;
-  height: 4px;
-  left: 3px;
-  top: 3px;
-  width: 4px;
-}
-.ids-radio input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-  box-shadow: none;
-}
-.ids-radio input[type=radio]:disabled ~ .label-text {
-  cursor: var(--ids-cursor-default);
-  color: var(--ids-color-text-disabled);
-}
-.ids-radio input[type=radio]:disabled.error ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-}
-.ids-radio input[type=radio]:disabled.error ~ .label-text {
-  color: var(--ids-radio-button-color-border-disabled);
-}
-.ids-radio input[type=radio]:disabled:checked ~ .circle {
-  background-color: var(--ids-radio-button-color-background-selected-disabled);
-  border-color: var(--ids-radio-button-color-border-selected-disabled);
-}
-.ids-radio.is-focused.hide-focus .circle {
-  box-shadow: var(--ids-radio-shadow);
-}
-.ids-radio.is-focused:not(.hide-focus) .circle {
-  box-shadow: var(--ids-radio-shadow-with-border);
-}
-
-:host([dir=rtl]) input[type=radio] ~ .circle {
-  left: initial;
-  right: 0;
-}
-:host([dir=rtl]) label {
-  padding-right: 24px;
-  padding-left: 0;
-}
-:host([dir=rtl]) label.required .label-text::after {
-  right: initial;
-  left: -13px;
-}`;var R=v(D(g(L))),n,x,c,f,u,k,b,S,l=class extends R{constructor(){super(...arguments);a(this,n);a(this,c);a(this,u);a(this,b)}static get attributes(){return[...super.attributes,t.CHECKED,t.DISABLED,t.GROUP_DISABLED,t.HORIZONTAL,t.LABEL,t.LANGUAGE,t.VALIDATION_HAS_ERROR,t.VALUE]}get input(){return this.shadowRoot?.querySelector('input[type="radio"]')??null}get labelEl(){return this.shadowRoot?.querySelector("label")??null}get rootEl(){return this.shadowRoot?.querySelector(".ids-radio")??null}connectedCallback(){super.connectedCallback(),this.checked&&!this.input?.getAttribute(t.CHECKED)&&(this.checked=!0),d(this,b,S).call(this)}template(){let i=o(this.groupDisabled)||o(this.disabled),e=i?" disabled":"",r=i?' aria-disabled="true"':"",s=o(this.horizontal)?" horizontal":"",h=o(this.checked)?" checked":"",I=` class="ids-radio${e}${s}"`,y=' class="radio-button"',H=` value="${this.value??""}"`;return`
-      <div${I}>
-        <label>
-          <input type="radio" part="radio" tabindex="-1"${y}${H}${e}${h}>
-          <span class="circle${h}" part="circle"></span>
-          <ids-text class="label-text"${r} part="label">${this.label}</ids-text>
-        </label>
-      </div>
-    `}set checked(i){let e=this.shadowRoot?.querySelector(".circle"),r=o(i);r?this.setAttribute(t.CHECKED,r.toString()):this.removeAttribute(t.CHECKED),this.input&&this.rootEl&&e&&(r?(o(this.disabled)||o(this.groupDisabled)||this.rootEl.setAttribute("tabindex","0"),e.classList.add(t.CHECKED),this.input.checked=!0):(this.rootEl.setAttribute("tabindex","-1"),this.input.checked=!1,e.classList.remove(t.CHECKED)))}get checked(){return o(this.getAttribute(t.CHECKED))}set disabled(i){let e=o(i),r=this.shadowRoot?.querySelector(".label-text"),s=this.rootEl;e?(this.setAttribute(t.DISABLED,e.toString()),this.input?.setAttribute(t.DISABLED,e.toString()),s?.classList.add(t.DISABLED),s?.setAttribute("tabindex","-1"),r?.setAttribute("aria-disabled","true"),r?.setAttribute(t.DISABLED,"true")):(this.removeAttribute(t.DISABLED),this.input?.removeAttribute(t.DISABLED),r?.removeAttribute("aria-disabled"),r?.removeAttribute(t.DISABLED),s?.classList.remove(t.DISABLED))}get disabled(){return o(this.getAttribute(t.DISABLED))}set groupDisabled(i){let e=this.shadowRoot?.querySelector(".label-text"),r=o(i);r?(this.setAttribute(t.GROUP_DISABLED,r.toString()),this.input?.setAttribute(t.DISABLED,r.toString()),this.rootEl?.classList.add(t.DISABLED),this.rootEl?.setAttribute("tabindex","-1"),e?.setAttribute(t.DISABLED,"true")):(this.removeAttribute(t.GROUP_DISABLED),this.input?.removeAttribute(t.DISABLED),this.rootEl?.classList.remove(t.DISABLED),e?.removeAttribute(t.DISABLED))}get groupDisabled(){return o(this.getAttribute(t.GROUP_DISABLED))}set horizontal(i){let e=o(i);e?(this.setAttribute(t.HORIZONTAL,e.toString()),this.rootEl?.classList.add(t.HORIZONTAL)):(this.removeAttribute(t.HORIZONTAL),this.rootEl?.classList.remove(t.HORIZONTAL))}get horizontal(){return o(this.getAttribute(t.HORIZONTAL))}set label(i){let e=this.labelEl?.querySelector(".label-text");i?this.setAttribute(t.LABEL,i):this.removeAttribute(t.LABEL),e&&(e.innerHTML=i||"")}get label(){return this.getAttribute(t.LABEL)||""}set validationHasError(i){let e=o(i);e?(this.setAttribute(t.VALIDATION_HAS_ERROR,e.toString()),this.input?.classList.add("error")):(this.removeAttribute(t.VALIDATION_HAS_ERROR),this.input?.classList.remove("error"))}get validationHasError(){return o(this.getAttribute(t.VALIDATION_HAS_ERROR))}set value(i){i?this.setAttribute(t.VALUE,i):this.removeAttribute(t.VALUE),this.input?.setAttribute(t.VALUE,i||"")}get value(){return this.getAttribute(t.VALUE)}focus(){this.input?.focus()}};n=new WeakSet,x=function(){this.onEvent("change",this.input,()=>{this.checked=!!this.input?.checked})},c=new WeakSet,f=function(){this.onEvent("click",this.labelEl,()=>{this.input?.focus()})},u=new WeakSet,k=function(){["change","focus","keydown","keypress","keyup","click","dbclick"].forEach(e=>{this.onEvent(e,this.input,r=>{this.triggerEvent(r.type,this,{detail:{elem:this,nativeEvent:r,value:this.value,checked:!!this.input?.checked}})})})},b=new WeakSet,S=function(){d(this,c,f).call(this),d(this,n,x).call(this),d(this,u,k).call(this)},l=p([A("ids-radio"),E(m)],l);export{l as a};

package/chunks/ids-chunk-YKKPYZ7H.js

@@ -1 +0,0 @@
-import{e as o}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-3Q46IU4X.js";var r=(...a)=>a,l=a=>class extends a{static formAssociated=!0;#t;constructor(...t){super(...t),this.#t=this.attachInternals?.(),this.#t&&(this.#t.ariaLabel=this.name||"default aria label")}static get attributes(){return[...a.attributes,...i.NAME,...i.VALUE]}get formInput(){return this.shadowRoot?.querySelector("input")??null}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback(t,e,n),!(e===n||!this.formInput))if(t===i.VALUE){if(!this.formInput)return;let s=this.getAttribute(i.VALUE)??"";this.formInput?.setAttribute?.(t,s),this.formInput.value=s,this.formInput?.dispatchEvent?.(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{elem:this,value:s}}))}else o(n)?this.formInput?.setAttribute?.(t,n||""):this.formInput?.removeAttribute?.(t)}connectedCallback(){super.connectedCallback?.(),this.#i(),this.offEvent("change.native",this.formInput),this.onEvent("change.native",this.formInput,t=>{this.#e(t),this.#n(t)}),this.offEvent("input.native",this.formInput),this.onEvent("input.native",this.formInput,t=>this.#e(t))}#i(){let t=this.getAttribute(i.LABEL)??this.#t?.ariaLabel??"";this.formInput?.setAttribute("aria-label",t)}#n(t){let e=this.value;this.#t?.setFormValue?.(e),t instanceof CustomEvent&&t.stopPropagation(),this.triggerEvent(`change.${this.name??"ids-form-input-mixin"}`,this,{bubbles:!0,composed:!0,detail:{elem:this,value:e,nativeEvent:t}})}#e(t){let e=this.value;this.#t?.setFormValue?.(e);let n=t.target?.getRootNode()?.host;if(n)try{n.value=e}catch{n.setAttribute?.(i.VALUE,e)}this.triggerEvent(`input.${this.name??"ids-form-input-mixin"}`,this,{bubbles:!0,composed:!0,detail:{elem:this,value:e,nativeEvent:t}})}get form(){return this.#t?.form}get type(){return this.localName}get value(){return this.formInput?.value??this.formInput?.getAttribute?.(i.VALUE)??""}set value(t){t!==this.value&&this.setAttribute(i.VALUE,t??"")}get validity(){return this.#t?.validity}get validationMessage(){return this.#t?.validationMessage}get willValidate(){return this.#t?.willValidate}checkValidity(){return this.#t?.checkValidity?.()}reportValidity(){return this.#t?.reportValidity?.()}formAssociatedCallback(t){r(t)}formResetCallback(){}formDisabledCallback(t){r(t)}formStateRestoreCallback(t,e){r(t,e)}},m=l;export{m as a};

package/components/ids-checkbox-group/ids-checkbox-group.css

@@ -1,5 +0,0 @@
-/* Ids Checkbox Group */
-.ids-checkbox-group ids-text {
-  display: block;
-  margin-block-end: var(--ids-space-50);
-}

package/components/ids-checkbox-group/ids-checkbox-group.js

@@ -1 +0,0 @@
-import{a}from"../../chunks/ids-chunk-2S2S7J6R.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};