ids-enterprise-wc 1.0.0-beta.17 → 1.0.0-beta.19

package/chunks/ids-chunk-277HUP5X.js

@@ -1,95 +0,0 @@
-import{a as s}from"./ids-chunk-3FV2BLYC.js";import{a as y}from"./ids-chunk-T6ZV4PDM.js";import{a as m}from"./ids-chunk-CT5U7IVV.js";import{a as f,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as v}from"./ids-chunk-4WDX2CDM.js";import{e as p}from"./ids-chunk-VEAPPKDG.js";import{a as i}from"./ids-chunk-NSM2KAOK.js";import{a as h,d,g as u}from"./ids-chunk-Y32WUP63.js";var k=`/* Ids Notification Banner Component */
-.ids-notification-banner {
-  display: flex;
-  padding-inline-start: var(--ids-notification-padding);
-  align-items: center;
-  min-height: var(--ids-notification-banner-height);
-}
-
-ids-alert,
-.ids-alert {
-  display: flex;
-  margin-inline: var(--ids-notification-banner-padding);
-}
-
-ids-text::part(text),
-.ids-text {
-  color: var(--ids-notification-banner-color-text);
-}
-
-ids-hyperlink::part(link),
-.ids-notification-banner-link a {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  top: 2px;
-  margin: 0 var(--ids-notification-banner-padding);
-}
-
-.ids-notification-banner-button {
-  display: flex;
-  margin-inline-start: auto;
-  margin-inline-end: var(--ids-notification-banner-button-padding);
-}
-.ids-notification-banner-button ids-button .ids-icon-button {
-  justify-content: center;
-  align-items: center;
-}
-
-ids-button::part(button):hover {
-  background-color: var(--ids-notification-banner-button-color-background-hover);
-}
-
-.ids-notification-banner-message {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ids-notification-banner-message.wrap {
-  white-space: unset;
-  padding-block: var(--ids-space-50);
-}
-
-.ids-notification-banner[type=success],
-.ids-notification-banner.success {
-  background-color: var(--ids-notification-banner-success-color-background);
-}
-
-.ids-notification-banner[type=caution],
-.ids-notification-banner.caution {
-  background-color: var(--ids-notification-banner-caution-background-color);
-}
-
-.ids-notification-banner[type=warning],
-.ids-notification-banner.warning {
-  background-color: var(--ids-notification-banner-warning-color-background);
-}
-
-.ids-notification-banner[type=info],
-.ids-notification-banner.info {
-  background-color: var(--ids-notification-banner-info-color-background);
-}
-
-.ids-notification-banner[type=error],
-.ids-notification-banner.error {
-  background-color: var(--ids-notification-banner-error-color-background);
-}`;var P=y(m(v)),c,T,l,E,r=class extends P{constructor(){super();d(this,c);d(this,l)}connectedCallback(){super.connectedCallback(),u(this,c,T).call(this),u(this,l,E).call(this)}static get attributes(){return[i.MESSAGE_TEXT,i.LINK,i.LINK_TEXT,i.TYPE,i.WRAP]}template(){let t;s[this.type??""]?.type===void 0?t=s.success.type:t=this.type;let e=!this.type||s[this.type]===void 0?s.success.type:this.type,n=this.wrap?"":'overflow="ellipsis"';return`
-      <div class="ids-notification-banner" part="container" type="${e}">
-        <ids-alert icon="${t==="warning"?"alert":t}"></ids-alert>
-        <div class="ids-notification-banner-message ${this.wrap?"wrap":""}" part="message">
-          <ids-text ${n}>${this.messageText!==null?this.messageText:"Enter Message Text."}</ids-text>
-        </div>
-
-        ${this.link!==null?`<div part="link">
-          <ids-hyperlink font-size="16" href="${this.link}" target="_blank">${this.linkText===null?"Click to view":this.linkText}</ids-hyperlink>
-        </div>`:""}
-
-        <div class="ids-notification-banner-button" part="button">
-          <ids-button appearance="tertiary">
-            <span class="audible">Close Button</span>
-            <ids-icon icon="close" size="small"></ids-icon>
-          </ids-button>
-        </div>
-      </div>
-    `}set wrap(t){let e=this.container?.querySelector(".ids-notification-banner-message"),n=e?.querySelector("ids-text");p(t)?(this.setAttribute(i.WRAP,""),e?.classList.add("wrap"),n?.setAttribute(i.OVERFLOW,"none")):(this.removeAttribute(i.WRAP),e?.classList.remove("wrap"),n?.setAttribute(i.OVERFLOW,"ellipsis"))}get wrap(){return p(this.getAttribute(i.WRAP))}set type(t){!t||s[t]===void 0?(this.removeAttribute(i.TYPE),this.setAttribute(i.TYPE,s.success.type),this.container?.setAttribute(i.TYPE,s.success.type)):(this.setAttribute(i.TYPE,t),this.container?.setAttribute(i.TYPE,t))}get type(){return this.getAttribute(i.TYPE)}set link(t){t?this.setAttribute(i.LINK,t):this.removeAttribute(i.LINK)}get link(){return this.getAttribute(i.LINK)}set linkText(t){t?this.setAttribute(i.LINK_TEXT,t):this.removeAttribute(i.LINK_TEXT)}get linkText(){return this.getAttribute(i.LINK_TEXT)}set messageText(t){t?this.setAttribute(i.MESSAGE_TEXT,t):this.removeAttribute(i.MESSAGE_TEXT)}get messageText(){return this.getAttribute(i.MESSAGE_TEXT)}add(t){let{id:e,parent:n,type:x,messageText:A,link:w,linkText:b}=t,o=this.container?.querySelector('[part="message"]'),S=this.container?.querySelector("ids-alert"),L=this.wrap?"":'overflow="ellipsis"';if(e&&this.setAttribute("id",e),this.type=x,this.messageText=A,S?.setAttribute("icon",this.type??""),o&&(o.innerHTML=`<ids-text ${L}>${this.messageText}</ids-text>`),t.link){let a=document.createElement("div");a.setAttribute("part","link"),this.link=w,this.linkText=b===void 0?"Click to view":b,a.innerHTML=`<ids-hyperlink href="${this.link}" target="_blank">${this.linkText}</ids-hyperlink>`,o?.parentNode?.insertBefore(a,o.nextSibling)}n?document.getElementById(n)?.prepend(this):document.querySelector("ids-container")?document.querySelector("ids-container")?.prepend(this):document.body.prepend(this)}dismiss(){let t=!0,e=n=>{t=!!n};this.triggerEvent("beforeNotificationRemove",this,{detail:{elem:this,response:e}}),t&&(this.triggerEvent("notificationRemove",this,{detail:{elem:this}}),this.remove(),this.triggerEvent("afterNotificationRemove",this,{detail:{elem:this}}))}};c=new WeakSet,T=function(){let t=this.container?.querySelector("ids-button");return this.onEvent("click",t,()=>this.dismiss()),this},l=new WeakSet,E=function(){let t=this.container?.querySelector("ids-button");return this.listen("Enter",t,()=>this.dismiss()),this},r=h([f("ids-notification-banner"),g(k)],r);export{r as a};

package/chunks/ids-chunk-2S7VYSMB.js

@@ -1,164 +0,0 @@
-import{a as Q,b as X,c as h}from"./ids-chunk-6NORWWJK.js";import{a as J}from"./ids-chunk-D7UBFM7J.js";import{a as G}from"./ids-chunk-35NW35ZW.js";import{a as K}from"./ids-chunk-PHQEFZRD.js";import{a as W}from"./ids-chunk-T6ZV4PDM.js";import{a as q,b as j}from"./ids-chunk-XE4WFW5M.js";import{t as z,u as L}from"./ids-chunk-SDTXNG6G.js";import{e as l,f as a}from"./ids-chunk-VEAPPKDG.js";import{a as i}from"./ids-chunk-NSM2KAOK.js";import{a as $,b as F,c as E,d as n,e as x,g as s}from"./ids-chunk-Y32WUP63.js";var Y=`/* Ids Time Picker Popup Component */
-.hide {
-  display: none;
-}
-
-@media all and (max-width: 1440px) {
-  .hide-xxl-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 1440px) {
-  .hide-xxl-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 1280px) {
-  .hide-xl-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 1280px) {
-  .hide-xl-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 1024px) {
-  .hide-lg-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 1024px) {
-  .hide-lg-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 840px) {
-  .hide-md-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 840px) {
-  .hide-md-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 600px) {
-  .hide-sm-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 600px) {
-  .hide-sm-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 360px) {
-  .hide-xs-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 360px) {
-  .hide-xs-up {
-    display: none;
-  }
-}
-
-ids-popup[visible][animated] {
-  transition: none;
-}
-
-.ids-time-picker-popup::part(popup) {
-  padding-block: var(--ids-space-none);
-  background-color: var(--ids-time-picker-popup-color-background);
-}
-.ids-time-picker-popup .popup-btn {
-  align-items: center;
-  border-top: 1px solid var(--ids-time-picker-popup-button-color-border);
-  width: 100%;
-}
-.ids-time-picker-popup .popup-btn::part(button) {
-  height: 100%;
-  color: var(--ids-time-picker-popup-button-color-text-default);
-  padding: var(--ids-space-none);
-  padding-block: var(--ids-space-50);
-  align-items: center;
-  justify-content: center;
-}
-.ids-time-picker-popup .popup-btn::part(button):hover {
-  color: var(--ids-time-picker-popup-button-color-text-hover);
-}
-.ids-time-picker-popup ids-dropdown::part(trigger-field) {
-  display: inline-flex;
-  min-width: 75px;
-}
-.ids-time-picker-popup ids-list-box,
-.ids-time-picker-popup ids-list-box-option {
-  width: 100%;
-}
-.ids-time-picker-popup ids-popup::part(popup) {
-  margin: var(--ids-space-none);
-  padding: var(--ids-space-none);
-}
-.ids-time-picker-popup .dropdowns {
-  display: flex;
-  flex-direction: row;
-  padding-inline-start: 15px;
-  padding-inline-end: 15px;
-  padding-top: 15px;
-}
-.ids-time-picker-popup .dropdown::part(trigger-field) {
-  justify-content: center;
-}
-.ids-time-picker-popup .separator {
-  width: 12px;
-  display: inline-block;
-  height: 38px;
-  margin-top: 23px;
-}
-.ids-time-picker-popup .separator.colons {
-  color: var(--ids-time-picker-popup-colons-color-text);
-  width: 17px;
-  text-align: center;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 38px;
-}
-@media all and (max-width: 360px) {
-  .ids-time-picker-popup .dropdowns {
-    flex-direction: column;
-    align-items: center;
-    width: var(--ids-input-width-20);
-  }
-  .ids-time-picker-popup .separator {
-    display: none;
-  }
-}`;var nt=G(K(W(J))),S,O,A,P,c,y,R,Z,m,N,u,f,T,M,H,B,k,_,w,V,b,I,d,v=class extends nt{constructor(){super();n(this,S);n(this,A);n(this,c);n(this,R);n(this,m);n(this,u);n(this,T);n(this,H);n(this,k);n(this,w);n(this,b);F(this,"isRendering");n(this,d,void 0);x(this,d,""),this.isRendering=!0}connectedCallback(){super.connectedCallback(),this.attachEventListeners(),this.setAttribute(i.FOCUS_INLINE,"true"),this.isRendering=!1}disconnectedCallback(){super.disconnectedCallback?.(),this.removeEventListeners(),x(this,d,null)}static get attributes(){return[...super.attributes,...Q,...X]}template(){let t=`<div class="dropdowns" part="dropdowns">${s(this,S,O).call(this)}</div>`;return this.embeddable?`<div class="ids-time-picker-popup embedded" part="container"><section slot="content">${t}</section></div>`:`<ids-popup class="ids-time-picker-popup" type="menu" tabIndex="-1" align="bottom, left" arrow="bottom" part="popup" animated>
-      <section slot="content">
-        ${t}
-        <ids-modal-button class="popup-btn" hidden="${this.autoupdate}" part="btn-set" appearance="primary">
-          <ids-text translate-text="true" font-weight="semi-bold">SetTime</ids-text>
-        </ids-modal-button>
-      </section>
-    </ids-popup>`}renderDropdowns(){this.isRendering=!0;let t=this.dropdownContainerEl;t&&(t.innerHTML=s(this,S,O).call(this)),this.refreshFocusableElements(),this.isRendering=!1}updateValue(){let t=this.getFormattedTime();E(this,d)!==t&&(x(this,d,t),E(this,d)!==null&&this.setAttribute(i.VALUE,t))}attachEventListeners(){this.offEvent("change.time-picker-dropdowns"),this.onEvent("change.time-picker-dropdowns",this.dropdownContainerEl,t=>{if(t.stopPropagation(),!t.target?.matches?.("ids-dropdown"))return;let e=t.target?.id;this.setAttribute(e,t.detail.value),this.autoupdate&&this.triggerSelectedEvent()}),this.offEvent("click.time-picker-set"),this.onEvent("click.time-picker-set",this.applyButtonEl,()=>{this.updateValue(),this.triggerSelectedEvent(),this.hide(!0)}),this.listen(["Escape","Backspace"],this,t=>{this.embeddable||(t.key==="Escape"||t.key==="Backspace")&&this.hide(!0)})}removeEventListeners(){this.offEvent("change.time-picker-dropdowns"),this.offEvent("click.time-picker-set"),this.unlisten("Escape"),this.unlisten("Backspace")}onFormatChange(){this.updateValue(),this.renderDropdowns()}removeRipples(){this.buttons?.forEach(t=>{t.removeRipples()})}syncTimeAttributes(t){let e=this.localeAPI?.parseDate(t||this.value,{pattern:this.format}),r=e?.getHours(),o=L(r),p=e?.getMinutes(),g=e?.getSeconds(),C=e&&this.localeAPI?.calendar()?.dayPeriods[r>=12?1:0];s(this,T,M).call(this)&&r!==this.hours&&(this.hours=r),s(this,u,f).call(this)&&o!==this.hours&&(this.hours=o),p!==this.minutes&&(this.minutes=p),g!==this.seconds&&(this.seconds=g),s(this,m,N).call(this)&&(this.period=C)}triggerSelectedEvent(t){if(this.isRendering)return;let e;t?e=t:e={bubbles:!0,detail:{elem:this,date:this.activeDate,value:this.getFormattedTime()}};let r=new CustomEvent("timeselected",e);this.embeddable?this.dispatchEvent(r):this.target&&this.target.dispatchEvent(r)}set autoupdate(t){let e=l(t),r=this.applyButtonEl;e?(this.setAttribute(i.AUTOUPDATE,"true"),r?.setAttribute("hidden","true")):(this.removeAttribute(i.AUTOUPDATE),r?.removeAttribute("hidden"))}get autoupdate(){return l(this.getAttribute(i.AUTOUPDATE))}get applyButtonEl(){return this.container?.querySelector(".popup-btn")}get buttons(){return this.container?.querySelectorAll("ids-button, ids-modal-button, ids-toggle-button")}get dropdownContainerEl(){return this.shadowRoot?.querySelector("div.dropdowns")}set embeddable(t){l(t)?this.setAttribute(i.EMBEDDABLE,"true"):this.removeAttribute(i.EMBEDDABLE),this.render(),this.connectedCallback()}get embeddable(){return l(this.getAttribute(i.EMBEDDABLE))}set hours(t){t!==null?this.setAttribute(i.HOURS,String(t)):this.removeAttribute(i.HOURS),this.updateValue(),this.container?.querySelector("ids-dropdown#hours")?.setAttribute(i.VALUE,String(t))}get hours(){let t=a(this.getAttribute(i.HOURS));if(!Number.isNaN(t))return t;if(s(this,c,y).call(this))return s(this,A,P).call(this)[0];if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getHours();return s(this,u,f).call(this)?L(e):e}return 1}set minutes(t){t!==null?this.setAttribute(i.MINUTES,String(t)):this.removeAttribute(i.MINUTES),this.container?.querySelector("ids-dropdown#minutes")?.setAttribute(i.VALUE,String(t)),this.updateValue()}get minutes(){let t=a(this.getAttribute(i.MINUTES));if(!Number.isNaN(t))return s(this,b,I).call(this,t,this.minuteInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getMinutes();return s(this,b,I).call(this,e,this.minuteInterval)}return 0}set minuteInterval(t){let e=a(t);Number.isNaN(e)?this.removeAttribute(i.MINUTE_INTERVAL):this.setAttribute(i.MINUTE_INTERVAL,String(e)),this.updateValue(),this.renderDropdowns()}get minuteInterval(){let t=a(this.getAttribute(i.MINUTE_INTERVAL));return Number.isNaN(t)?5:t}set seconds(t){t!==null?this.setAttribute(i.SECONDS,String(t)):this.removeAttribute(i.SECONDS),this.updateValue(),this.container?.querySelector("ids-dropdown#seconds")?.setAttribute(i.VALUE,String(t))}get seconds(){let t=a(this.getAttribute(i.SECONDS));if(!Number.isNaN(t))return s(this,b,I).call(this,t,this.secondInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getSeconds();return s(this,b,I).call(this,e,this.secondInterval)}return 0}set secondInterval(t){let e=a(t);Number.isNaN(e)?this.removeAttribute(i.SECOND_INTERVAL):this.setAttribute(i.SECOND_INTERVAL,String(e)),this.updateValue(),this.renderDropdowns()}get secondInterval(){let t=a(this.getAttribute(i.SECOND_INTERVAL));return Number.isNaN(t)?5:t}set period(t){t?this.setAttribute(i.PERIOD,t):this.removeAttribute(i.PERIOD),this.updateValue(),t&&(s(this,c,y).call(this)?(this.renderDropdowns(),this.container?.querySelector("ids-dropdown#hours")?.setAttribute(i.VALUE,String(s(this,A,P).call(this)[0]))):this.container?.querySelector("ids-dropdown#period")?.setAttribute(i.VALUE,t.toString().toUpperCase()))}get period(){let t=this.getAttribute(i.PERIOD),e=s(this,w,V).call(this),r=e.map(o=>o.toLowerCase()).includes(t?.toString().toLowerCase());return s(this,m,N).call(this)?t&&r?t:this.useCurrentTime&&new Date().getHours()>=12?e[1]:e[0]:""}set startHour(t){t?this.setAttribute(i.START_HOUR,String(t)):this.removeAttribute(i.START_HOUR),this.updateValue(),this.renderDropdowns()}get startHour(){let t=a(this.getAttribute(i.START_HOUR));return!Number.isNaN(t)&&t>=0?t:0}set endHour(t){t?this.setAttribute(i.END_HOUR,String(t)):this.removeAttribute(i.END_HOUR),this.updateValue(),this.renderDropdowns()}get endHour(){let t=a(this.getAttribute(i.END_HOUR));return!Number.isNaN(t)&&t<=24?t:24}set useCurrentTime(t){l(t)?this.setAttribute(i.USE_CURRENT_TIME,"true"):this.removeAttribute(i.USE_CURRENT_TIME),this.updateValue(),this.renderDropdowns()}get useCurrentTime(){return l(this.getAttribute(i.USE_CURRENT_TIME))}set value(t){let e=E(this,d);t!==e&&(x(this,d,t),t?this.setAttribute(i.VALUE,t):this.removeAttribute(i.VALUE),this.syncTimeAttributes(t))}get value(){return E(this,d)||""}focus(){let t=this.container?.querySelector("ids-dropdown");t?t.focus():this.applyButtonEl?.focus()}getFormattedTime(){let t=new Date,r=s(this,w,V).call(this).map(o=>o.toLowerCase()).indexOf(this.period?.toLowerCase());return t.setHours(z(this.hours,r),this.minutes,this.seconds),this.localeAPI.formatDate(t,{pattern:this.format})}onHide(){this.removeRipples(),this.container?.setAttribute("tabindex","-1"),this.capturesFocus=!1,this.cyclesFocus=!1}onShow(){this.container?.removeAttribute("tabindex"),this.capturesFocus=!0,this.cyclesFocus=!0,this.focus()}};S=new WeakSet,O=function(){let t=({id:U,label:et,options:it,value:st,padStart:rt})=>`
-      <ids-dropdown id="${U}" class="dropdown" label="${et}" value="${st}" size="xs" part="${U}">
-        <ids-list-box>
-          ${it.map(D=>`
-            <ids-list-box-option id="timepicker-${U}-${D}" value="${D}">
-              ${rt?`${D}`.padStart(2,"0"):D}
-            </ids-list-box-option>
-          `).join("")}
-        </ids-list-box>
-      </ids-dropdown>
-    `,e=t({id:"hours",label:this.localeAPI?.translate("Hours")||"Hours",options:s(this,A,P).call(this),value:this.hours,padStart:this.format.includes("HH")||this.format.includes("hh")}),r=t({id:"minutes",label:this.localeAPI?.translate("Minutes")||"Minutes",options:h(0,59,this.minuteInterval),value:this.minutes,padStart:this.format.includes("mm")}),o=s(this,R,Z).call(this)&&t({id:"seconds",label:this.localeAPI?.translate("Seconds")||"Seconds",options:h(0,59,this.secondInterval),value:this.seconds,padStart:!0}),p=s(this,w,V).call(this),g=s(this,m,N).call(this)&&p&&t({id:"period",label:this.localeAPI?.translate("Period")||"Period",options:p,value:this.period}),C='<span class="separator colons">:</span>',tt='<span class="separator">&nbsp;</span>';return[[e,r,o].filter(Boolean).join(C),g].filter(Boolean).join(tt)},A=new WeakSet,P=function(){if(!s(this,c,y).call(this))return h(s(this,u,f).call(this)?1:0,s(this,u,f).call(this)?12:23);if(s(this,T,M).call(this))return h(this.startHour,this.endHour>23?23:this.endHour);let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return t===0&&this.startHour===0||t===1&&this.startHour<=12&&this.endHour>=12?[...h(s(this,H,B).call(this),s(this,k,_).call(this)),12]:h(s(this,H,B).call(this),s(this,k,_).call(this))},c=new WeakSet,y=function(){return this.startHour>0||this.endHour<24},R=new WeakSet,Z=function(){return this.format.toLowerCase().includes("ss")},m=new WeakSet,N=function(){return s(this,u,f).call(this)&&(this.format.toLowerCase().indexOf(" a")>-1||this.format.toLowerCase().indexOf("a")===0)},u=new WeakSet,f=function(){return this.format.includes("h")},T=new WeakSet,M=function(){return this.format.includes("H")||!s(this,m,N).call(this)},H=new WeakSet,B=function(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.startHour<=12&&t===1||this.startHour===0?1:this.startHour>12?this.startHour%12:this.startHour},k=new WeakSet,_=function(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.endHour>=12&&t===0||this.endHour===24?11:t===1?this.endHour%12:this.endHour},w=new WeakSet,V=function(){let t=this.localeAPI?.calendar().dayPeriods||[];return s(this,c,y).call(this)?t.reduce((e,r,o)=>{let p=o===0&&(this.startHour<12||this.startHour===0),g=o===1&&this.endHour>=12;return p||g?[...e,r]:e},[]):t},b=new WeakSet,I=function(t,e){return Math.round(t/e)*e},d=new WeakMap,v=$([q("ids-time-picker-popup"),j(Y)],v);var vt=v;export{vt as a};

package/chunks/ids-chunk-3RGYQNM3.js

@@ -1,113 +0,0 @@
-import{a as C}from"./ids-chunk-PHQEFZRD.js";import{a as A}from"./ids-chunk-T6ZV4PDM.js";import{a as E}from"./ids-chunk-CT5U7IVV.js";import{a as k,b as x}from"./ids-chunk-XE4WFW5M.js";import{a as I}from"./ids-chunk-4WDX2CDM.js";import{e as a}from"./ids-chunk-VEAPPKDG.js";import{a as o}from"./ids-chunk-NSM2KAOK.js";import{a as L,d as e,g as s}from"./ids-chunk-Y32WUP63.js";var S=`/* Ids Tag Component */
-.ids-tag {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: var(--ids-tag-color-background-default);
-  border: 1px solid var(--ids-tag-color-border);
-  border-radius: var(--ids-tag-border-radius);
-  font-family: var(--ids-font-family-default);
-  font-size: var(--ids-tag-font-size-default);
-  color: var(--ids-tag-color-text-default);
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin-inline-end: var(--ids-space-30);
-  padding-inline: var(--ids-space-40);
-  height: var(--ids-tag-height);
-  contain: content;
-}
-.ids-tag.secondary {
-  background-color: var(--ids-tag-secondary-color-background);
-  border-color: var(--ids-tag-secondary-color-border);
-}
-.ids-tag.info {
-  background-color: var(--ids-color-info-default);
-  border-color: var(--ids-color-info-default);
-  color: var(--ids-color-text-on-info);
-}
-.ids-tag.success {
-  background-color: var(--ids-color-success-default);
-  border-color: var(--ids-color-success-default);
-  color: var(--ids-color-text-on-success);
-}
-.ids-tag.warning {
-  background-color: var(--ids-color-warning-default);
-  border-color: var(--ids-color-warning-default);
-  color: var(--ids-color-text-on-warning);
-}
-.ids-tag.caution {
-  background-color: var(--ids-color-caution-default);
-  border-color: var(--ids-color-caution-default);
-  color: var(--ids-color-text-on-caution);
-}
-.ids-tag.error {
-  background-color: var(--ids-color-error-default);
-  border-color: var(--ids-color-error-default);
-  color: var(--ids-color-text-on-error);
-}
-.ids-tag.focusable {
-  cursor: var(--ids-cursor-pointer);
-}
-.ids-tag.focusable:focus {
-  cursor: var(--ids-cursor-pointer);
-  border-color: var(--ids-color-border-focus);
-  outline: var(--ids-outline-none);
-  box-shadow: var(--ids-shadow-focus);
-}
-
-:host-context(ids-data-grid-cell) .ids-tag {
-  display: inline;
-  margin-bottom: var(--ids-space-none);
-}
-
-:host([dismissible]) .ids-tag {
-  cursor: var(--ids-cursor-default);
-}
-
-:host([disabled]) ::slotted(ids-icon) {
-  cursor: var(--ids-cursor-default);
-  color: var(--ids-tag-color-text-disabled);
-}
-:host([disabled]) .ids-tag {
-  background-color: var(--ids-input-color-background-readonly);
-  border-color: var(--ids-input-color-background-readonly);
-  color: var(--ids-tag-color-text-disabled);
-}
-:host([disabled]) .ids-tag.secondary {
-  background-color: var(--ids-input-color-background-default);
-  border-color: var(--ids-color-text-disabled);
-  color: var(--ids-tag-secondary-color-text-disabled);
-}
-:host([disabled]) .ids-tag.secondary ::slotted(ids-icon) {
-  color: var(--ids-tag-secondary-color-text-disabled);
-}
-
-::slotted(ids-icon) {
-  cursor: var(--ids-cursor-pointer);
-  align-self: center;
-  display: inline-flex;
-  padding-inline-start: var(--ids-space-30);
-  padding-top: var(--ids-space-10);
-  color: var(--ids-input-color-text);
-}
-
-::slotted(ids-icon:hover) {
-  color: var(--ids-tag-color-icon-hover);
-}
-
-:host(.multiselect-tag) .ids-tag {
-  background-color: var(--ids-input-color-background-default);
-  border-color: var(--ids-input-color-border-default);
-  margin-bottom: var(--ids-space-30);
-}
-
-:host([disabled].multiselect-tag) .ids-tag {
-  background-color: var(--ids-input-color-background-default);
-  border-color: var(--ids-color-text-disabled);
-  color: var(--ids-color-text-disabled);
-  pointer-events: none;
-}
-:host([disabled].multiselect-tag) ::slotted(ids-icon) {
-  color: var(--ids-color-text-disabled);
-}`;var B=C(A(E(I))),b,m,c,g,d,f,u,p,h,y,l,v,n=class extends B{constructor(){super();e(this,b);e(this,c);e(this,d);e(this,u);e(this,h);e(this,l)}connectedCallback(){super.connectedCallback(),s(this,h,y).call(this),s(this,l,v).call(this),s(this,b,m).call(this,this.color||"")}static get attributes(){return[...super.attributes,o.COLOR,o.CLICKABLE,o.DISMISSIBLE,o.DISABLED]}template(){return'<span class="ids-tag" part="tag"><slot></slot></span>'}set color(t){t?this.setAttribute(o.COLOR,t):this.removeAttribute(o.COLOR),s(this,b,m).call(this,t||""),s(this,u,p).call(this)}get color(){return this.getAttribute(o.COLOR)}set dismissible(t){a(t)?this.setAttribute(o.DISMISSIBLE,t.toString()):this.removeAttribute(o.DISMISSIBLE),s(this,u,p).call(this)}get dismissible(){return a(this.getAttribute(o.DISMISSIBLE))}set disabled(t){a(t)?this.setAttribute(o.DISABLED,""):this.removeAttribute(o.DISABLED)}get disabled(){return this.hasAttribute("disabled")}set clickable(t){let i=a(t);i?this.setAttribute(o.CLICKABLE,t.toString()):this.removeAttribute(o.CLICKABLE);let r=this.container||this;r&&(i?(s(this,c,g).call(this,"caret-right"),r.classList.add(o.FOCUSABLE),r.setAttribute(o.TABINDEX,"0"),s(this,l,v).call(this)):(s(this,d,f).call(this,"caret-right"),r.removeAttribute(o.TABINDEX),r.classList.remove(o.FOCUSABLE)))}get clickable(){return a(this.getAttribute(o.CLICKABLE))}dismiss(){if(!this.dismissible)return;let t=!0,i=r=>{t=!!r};this.triggerEvent("beforetagremove",this,{bubbles:!0,detail:{elem:this,response:i}}),t&&(this.triggerEvent("tagremove",this,{bubbles:!0,detail:{elem:this}}),this.remove(),this.triggerEvent("aftertagremove",this,{detail:{elem:this}}))}};b=new WeakSet,m=function(t){this.container&&(this.container?.classList.remove("secondary","info","success","warning","error"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color="",t&&(t.substring(0,1)==="#"?(this.container.style.backgroundColor=t,this.container.style.borderColor=t):(this.container.classList.add(t),t!=="secondary"&&t!=="caution"&&this.container.classList.add("ids-white"))))},c=new WeakSet,g=function(t){this.querySelector(`[icon="${t}"]`)||(this.insertAdjacentHTML("beforeend",`<ids-icon part="icon" icon="${t}" size="xsmall" class="ids-icon"></ids-icon>`),s(this,h,y).call(this))},d=new WeakSet,f=function(t){let i=this.querySelector(`[icon="${t}"]`);i&&i.remove()},u=new WeakSet,p=function(){this.container&&(this.dismissible?(this.container.classList.add(o.FOCUSABLE),s(this,c,g).call(this,"close"),s(this,l,v).call(this)):(s(this,d,f).call(this,"close"),this.container.classList.remove(o.FOCUSABLE)))},h=new WeakSet,y=function(){let t=this.querySelector('ids-icon[icon="close"]');t&&(this.offEvent("click",t),this.onEvent("click",t,()=>{this.disabled||this.dismiss()}));let i=!1;return this.offEvent("slotchange",this.shadowRoot?.querySelector("slot")),this.onEvent("slotchange",this.shadowRoot?.querySelector("slot"),()=>{this.dismissible&&!i&&this.lastElementChild?.nodeName!=="IDS-ICON"&&(i=!0,s(this,d,f).call(this,"close"),s(this,c,g).call(this,"close"),i=!1)}),this},l=new WeakSet,v=function(){return this.dismissible&&this.listen(["Delete","Backspace"],this,()=>{this.dismiss()}),this.clickable&&this.listen("Enter",this,()=>{this.click()}),this},n=L([k("ids-tag"),x(S)],n);export{n as a};

package/chunks/ids-chunk-3UDY3VBL.js

@@ -1,222 +0,0 @@
-import{a as y}from"./ids-chunk-PHQEFZRD.js";import{a as x}from"./ids-chunk-CT5U7IVV.js";import{a as v,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as A}from"./ids-chunk-4WDX2CDM.js";import{e}from"./ids-chunk-VEAPPKDG.js";import{a as r}from"./ids-chunk-NSM2KAOK.js";import{a as h,d as a,g as s}from"./ids-chunk-Y32WUP63.js";var E=`/**
- * 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]:focus ~ .circle {
-  box-shadow: var(--ids-shadow-20);
-}
-.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:focus input[type=radio] ~ .circle {
-  box-shadow: var(--ids-shadow-20);
-}
-.ids-radio[color=emerald] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-emerald-70);
-}
-.ids-radio[color=emerald] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-emerald-70);
-}
-.ids-radio[color=emerald] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=emerald] 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[color=emerald] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-emerald-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=emerald]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-emerald-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=amethyst] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-amethyst-70);
-}
-.ids-radio[color=amethyst] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-amethyst-70);
-}
-.ids-radio[color=amethyst] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=amethyst] 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[color=amethyst] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-amethyst-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=amethyst]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-amethyst-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=azure] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-azure-70);
-}
-.ids-radio[color=azure] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-azure-70);
-}
-.ids-radio[color=azure] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=azure] 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[color=azure] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-azure-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=azure]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-azure-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=amber] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-amber-70);
-}
-.ids-radio[color=amber] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-amber-70);
-}
-.ids-radio[color=amber] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=amber] 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[color=amber] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-amber-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=amber]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-amber-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=ruby] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-ruby-70);
-}
-.ids-radio[color=ruby] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-ruby-70);
-}
-.ids-radio[color=ruby] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=ruby] 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[color=ruby] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-ruby-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=ruby]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-ruby-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-
-: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=y(x(A)),c,k,n,m,u,L,b,f,l=class extends R{constructor(){super(...arguments);a(this,c);a(this,n);a(this,u);a(this,b)}static get attributes(){return[...super.attributes,r.CHECKED,r.COLOR,r.DISABLED,r.GROUP_DISABLED,r.HORIZONTAL,r.LABEL,r.LANGUAGE,r.VALIDATION_HAS_ERROR,r.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(r.CHECKED)&&(this.checked=!0),s(this,b,f).call(this)}template(){let o=e(this.groupDisabled)||e(this.disabled),t=o?" disabled":"",i=o?' aria-disabled="true"':"",d=this.color?` color="${this.color}"`:"",D=e(this.horizontal)?" horizontal":"",p=e(this.checked)?" checked":"",S=` class="ids-radio${t}${D}"`,I=' class="radio-button"',O=` value="${this.value??""}"`;return`
-      <div${S}${d}>
-        <label>
-          <input type="radio" part="radio" tabindex="-1"${I}${O}${t}${p}>
-          <span class="circle${p}" part="circle"></span>
-          <ids-text class="label-text"${i} part="label">${this.label}</ids-text>
-        </label>
-      </div>
-    `}set checked(o){let t=this.shadowRoot?.querySelector(".circle"),i=e(o);i?this.setAttribute(r.CHECKED,i.toString()):this.removeAttribute(r.CHECKED),this.input&&this.rootEl&&t&&(i?(e(this.disabled)||e(this.groupDisabled)||this.rootEl.setAttribute("tabindex","0"),t.classList.add(r.CHECKED),this.input.checked=!0):(this.rootEl.setAttribute("tabindex","-1"),this.input.checked=!1,t.classList.remove(r.CHECKED)))}get checked(){return e(this.getAttribute(r.CHECKED))}set color(o){o?(this.setAttribute(r.COLOR,o.toString()),this.rootEl?.setAttribute(r.COLOR,o.toString())):(this.removeAttribute(r.COLOR),this.rootEl?.removeAttribute(r.COLOR))}get color(){return this.getAttribute(r.COLOR)}set disabled(o){let t=e(o),i=this.shadowRoot?.querySelector(".label-text"),d=this.rootEl;t?(this.setAttribute(r.DISABLED,t.toString()),this.input?.setAttribute(r.DISABLED,t.toString()),d?.classList.add(r.DISABLED),d?.setAttribute("tabindex","-1"),i?.setAttribute("aria-disabled","true"),i?.setAttribute(r.DISABLED,"true")):(this.removeAttribute(r.DISABLED),this.input?.removeAttribute(r.DISABLED),i?.removeAttribute("aria-disabled"),i?.removeAttribute(r.DISABLED),d?.classList.remove(r.DISABLED))}get disabled(){return e(this.getAttribute(r.DISABLED))}set groupDisabled(o){let t=this.shadowRoot?.querySelector(".label-text"),i=e(o);i?(this.setAttribute(r.GROUP_DISABLED,i.toString()),this.input?.setAttribute(r.DISABLED,i.toString()),this.rootEl?.classList.add(r.DISABLED),this.rootEl?.setAttribute("tabindex","-1"),t?.setAttribute(r.DISABLED,"true")):(this.removeAttribute(r.GROUP_DISABLED),this.input?.removeAttribute(r.DISABLED),this.rootEl?.classList.remove(r.DISABLED),t?.removeAttribute(r.DISABLED))}get groupDisabled(){return e(this.getAttribute(r.GROUP_DISABLED))}set horizontal(o){let t=e(o);t?(this.setAttribute(r.HORIZONTAL,t.toString()),this.rootEl?.classList.add(r.HORIZONTAL)):(this.removeAttribute(r.HORIZONTAL),this.rootEl?.classList.remove(r.HORIZONTAL))}get horizontal(){return e(this.getAttribute(r.HORIZONTAL))}set label(o){let t=this.labelEl?.querySelector(".label-text");o?this.setAttribute(r.LABEL,o):this.removeAttribute(r.LABEL),t&&(t.innerHTML=o||"")}get label(){return this.getAttribute(r.LABEL)||""}set validationHasError(o){let t=e(o);t?(this.setAttribute(r.VALIDATION_HAS_ERROR,t.toString()),this.input?.classList.add("error")):(this.removeAttribute(r.VALIDATION_HAS_ERROR),this.input?.classList.remove("error"))}get validationHasError(){return e(this.getAttribute(r.VALIDATION_HAS_ERROR))}set value(o){o?this.setAttribute(r.VALUE,o):this.removeAttribute(r.VALUE),this.input?.setAttribute(r.VALUE,o||"")}get value(){return this.getAttribute(r.VALUE)}focus(){this.input?.focus()}};c=new WeakSet,k=function(){this.onEvent("change",this.input,()=>{this.checked=!!this.input?.checked})},n=new WeakSet,m=function(){this.onEvent("click",this.labelEl,()=>{this.input?.focus()})},u=new WeakSet,L=function(){["change","focus","keydown","keypress","keyup","click","dbclick"].forEach(t=>{this.onEvent(t,this.input,i=>{this.triggerEvent(i.type,this,{detail:{elem:this,nativeEvent:i,value:this.value,checked:!!this.input?.checked}})})})},b=new WeakSet,f=function(){s(this,n,m).call(this),s(this,c,k).call(this),s(this,u,L).call(this)},l=h([v("ids-radio"),g(E)],l);export{l as a};

package/chunks/ids-chunk-4DCGWWPS.js

@@ -1,20 +0,0 @@
-import{a as v}from"./ids-chunk-LBSONM2J.js";import{a as f}from"./ids-chunk-CT5U7IVV.js";import{a as A,b as N}from"./ids-chunk-XE4WFW5M.js";import{a as P}from"./ids-chunk-4WDX2CDM.js";import{e as S,f as a}from"./ids-chunk-VEAPPKDG.js";import{a as s}from"./ids-chunk-NSM2KAOK.js";import{a as E,b as h,d,g as n}from"./ids-chunk-Y32WUP63.js";var o,b,g,m,p,c,l=class extends f(P){constructor(){super();d(this,o);d(this,g);d(this,p);h(this,"DEFAULT_STEP",3);h(this,"DEFAULT_PAGE_SIZE",10);h(this,"sizes",[5,10,25,50,100])}get elements(){return{buttons:{first:this.querySelector("ids-pager-button[first]"),previous:this.querySelector("ids-pager-button[previous]"),next:this.querySelector("ids-pager-button[next]"),last:this.querySelector("ids-pager-button[last]")},input:this.querySelector("ids-pager-input"),slots:{start:this.container?.querySelector(".pager-section.start slot"),middle:this.container?.querySelector(".pager-section.middle slot"),end:this.container?.querySelector(".pager-section.end slot")},dropdowns:this.querySelectorAll("ids-pager-dropdown")}}static get attributes(){return[s.DISABLED,s.STEP,s.TOTAL,s.TYPE,s.PAGE_COUNT,s.PAGE_SIZE,s.PAGE_NUMBER]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),[s.DISABLED,s.PAGE_NUMBER,s.PAGE_SIZE,s.STEP,s.TOTAL,s.TYPE].includes(e)&&t!==i&&(this.connectedCallback(),n(this,o,b).call(this,e,i))}template(){switch(this.type){case"list":return this.templatePagerList();default:return this.templatePagerButtons()}}templatePagerButtons(){return`
-      <div class="ids-pager">
-        <section class="pager-section start"><slot name="start"></slot></section>
-        <section class="pager-section middle" role="navigation"><slot></slot></section>
-        <section class="pager-section end"><slot name="end"></slot></section>
-      </div>
-    `}templatePagerList(){return`
-      <div class="ids-pager">
-        <ids-pager-button label="Previous page" previous></ids-pager-button>
-        <ids-pager-number-list
-          label="Page {num} of {total}"
-          page-number="${this.pageNumber}"
-          page-size="${this.pageSize}"
-          total="${this.total}"
-          step="${this.step}"
-        >
-        </ids-pager-number-list>
-        <ids-pager-button label="Next page" next></ids-pager-button>
-      </div>
-    `}connectedCallback(){super.connectedCallback(),this.offEvent("pagenumberchange",this),this.onEvent("pagenumberchange",this,e=>{let t=a(e.detail.value);!Number.isNaN(t)&&t!==this.pageNumber&&(this.pageNumber=Number(e.detail.value))}),this.offEvent("pagesizechange",this),this.onEvent("pagesizechange",this,e=>{this.pageSize=Number(e.detail.value)})}set disabled(e){let t=S(e);t&&!this.hasAttribute(s.DISABLED)?(this.setAttribute(s.DISABLED,""),n(this,o,b).call(this,s.PARENT_DISABLED,!0)):!t&&this.hasAttribute(s.DISABLED)&&(this.removeAttribute(s.DISABLED),n(this,o,b).call(this,s.PARENT_DISABLED,!1))}get disabled(){return this.hasAttribute(s.DISABLED)}set pageSize(e){let t=n(this,g,m).call(this,e);this.setAttribute(s.PAGE_SIZE,String(t)),n(this,p,c).call(this)}get pageSize(){return n(this,g,m).call(this,this.getAttribute(s.PAGE_SIZE))}set pageSizes(e){e=e.filter((t,i)=>!Number.isNaN(Number(t))&&e.indexOf(t)===i),e=e.length?e:this.sizes,e.sort((t,i)=>t-i),this.sizes=e,this.elements.dropdowns.forEach(t=>t.updatePageSizes(e))}get pageSizes(){return this.sizes}set pageNumber(e){let t=this.pageNumber,i=this.pageCount,r=a(e);(r!==t||t<1||i&&i<t)&&(Number.isNaN(r)||r<1?r=1:i&&(r=Math.min(r,i)),this.setAttribute(s.PAGE_NUMBER,String(r)))}get pageNumber(){return Math.max(parseInt(this.getAttribute(s.PAGE_NUMBER)??"")||1,1)}get pageCount(){return this.total!==null&&!Number.isNaN(this.total)?Math.ceil(this.total/this.pageSize):null}set step(e){let t=a(e);if(!Number.isNaN(t)){this.setAttribute(s.STEP,String(t));return}this.removeAttribute(s.STEP)}get step(){let e=a(this.getAttribute(s.STEP));return Number.isNaN(e)?this.DEFAULT_STEP:e}set total(e){let t=a(e);(Number.isNaN(t)||t<1)&&(t=1),this.setAttribute(s.TOTAL,String(t)),n(this,p,c).call(this)}get total(){return a(this.getAttribute(s.TOTAL))}set type(e){this.setAttribute(s.TYPE,e)}get type(){return this.getAttribute(s.TYPE)}sync(){let e=["total","pageNumber","pageSize"],t=i=>typeof i<"u"&&i!==null;e.forEach(i=>{let r=this.pager,u=this.datasource,T=t(r?.[i])&&t(u?.[i]);this.initialized&&T&&r[i]!==u[i]&&(r[i]=u[i])})}};o=new WeakSet,b=function(e,t){let i=["ids-pager-input","ids-pager-number-list","ids-pager-button","ids-pager-dropdown"].join(", ");[...this.shadowRoot?.querySelectorAll(i)||[],...this.querySelectorAll(i)].forEach(u=>{u.setAttribute(e,t)})},g=new WeakSet,m=function(e){let t=a(e);return!Number.isNaN(t)&&t>0?t:this.DEFAULT_PAGE_SIZE},p=new WeakSet,c=function(){let e=Number.parseInt(this.getAttribute(s.PAGE_NUMBER)??""),t=e;Number.isNaN(t)||t<=1?t=1:this.pageCount&&t>this.pageCount&&(t=this.pageCount),this.elements.dropdowns.forEach(i=>{i.pageSize!==this.pageSize&&(i.pageSize=this.pageSize)}),t!==e&&!Number.isNaN(e)&&this.setAttribute(s.PAGE_NUMBER,String(t))},l=E([A("ids-pager"),N(v)],l);export{l as a};