ids-enterprise-wc 1.4.0 → 1.4.1

package/chunks/ids-chunk-NLSWGLYJ.js

@@ -1,95 +0,0 @@
-import{a as s}from"./ids-chunk-3FV2BLYC.js";import{a as T}from"./ids-chunk-T6ZV4PDM.js";import{a as y}from"./ids-chunk-3DA43NO3.js";import{a as m,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as k}from"./ids-chunk-XG76V3HL.js";import{e as u}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-AQP3PBNZ.js";import{a as f,d as c,g as r}from"./ids-chunk-Y32WUP63.js";var x=`/* 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-12);
-}
-
-.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 I=T(y(k)),a,b,l,A,d,v,o=class extends I{constructor(){super();c(this,a);c(this,l);c(this,d)}connectedCallback(){super.connectedCallback(),r(this,l,A).call(this),r(this,d,v).call(this)}static get attributes(){return[i.MESSAGE,i.MESSAGE_TEXT,i.LINK,i.LINK_TEXT,i.TYPE,i.WRAP]}attributeChangedCallback(t,e,n){super.attributeChangedCallback(t,e,n),e!==n&&(t===i.MESSAGE&&r(this,a,b).call(this,n),t===i.MESSAGE_TEXT&&r(this,a,b).call(this,n))}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 class="message" ${n}>${this.messageText!==null?this.messageText:"Enter Message Text."}</ids-text>
-        </div>
-
-        <div class="ids-notification-banner-link" part="link"${this.link?"":" hidden"}>
-          <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");u(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 u(this.getAttribute(i.WRAP))}set type(t){if(!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.container?.querySelector("ids-alert").setAttribute("icon","success");else{this.setAttribute(i.TYPE,t),this.container?.setAttribute(i.TYPE,t);let e=t==="warning"?"alert":t;this.container?.querySelector("ids-alert").setAttribute("icon",e||"info")}}get type(){return this.getAttribute(i.TYPE)}set link(t){let e=this.container?.querySelector(".ids-notification-banner-link");t?(this.setAttribute(i.LINK,t),e?.removeAttribute("hidden"),e?.querySelector("ids-hyperlink")?.setAttribute(i.HREF,t)):(this.removeAttribute(i.LINK),e.setAttribute("hidden",""))}get link(){return this.getAttribute(i.LINK)}set linkText(t){let e=this.container?.querySelector(".ids-notification-banner-link ids-hyperlink");t?(this.setAttribute(i.LINK_TEXT,t),e.innerText=t):(this.removeAttribute(i.LINK_TEXT),e.innerText="")}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)}set message(t){t?this.setAttribute(i.MESSAGE,t):this.removeAttribute(i.MESSAGE)}get message(){return this.getAttribute(i.MESSAGE)}add(t){let{id:e,parent:n,type:S,messageText:w,link:L,linkText:p}=t,h=this.container?.querySelector('[part="message"]'),g=this.container?.querySelector('[part="link"]'),M=this.container?.querySelector("ids-alert"),q=this.wrap?"":'overflow="ellipsis"';e&&this.setAttribute("id",e),this.type=S,this.messageText=w,M?.setAttribute("icon",this.type??""),h&&(h.innerHTML=`<ids-text ${q}>${this.messageText}</ids-text>`),t.link&&g&&(this.link=L,this.linkText=p===void 0?"Click to view":p,g.innerHTML=`<ids-hyperlink href="${this.link}" target="_blank">${this.linkText}</ids-hyperlink>`),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}}))}};a=new WeakSet,b=function(t){let e=this.container?.querySelector(".ids-notification-banner-message ids-text.message");e&&(e.innerText=t||"")},l=new WeakSet,A=function(){let t=this.container?.querySelector("ids-button");return this.onEvent("click",t,()=>this.dismiss()),this},d=new WeakSet,v=function(){let t=this.container?.querySelector("ids-button");return this.listen("Enter",t,()=>this.dismiss()),this},o=f([m("ids-notification-banner"),E(x)],o);export{o as a};

package/components/ids-dropdown/ids-dropdown-imports.d.ts

@@ -1,8 +0,0 @@
-import '../ids-trigger-field/ids-trigger-field';
-import '../ids-trigger-field/ids-trigger-button';
-import '../ids-input/ids-input';
-import '../ids-list-box/ids-list-box';
-import '../ids-text/ids-text';
-import '../ids-icon/ids-icon';
-import './ids-dropdown-list';
-import '../ids-popup/ids-popup';