@getflip/swirl-components 0.2.0 → 0.3.0

package/dist/swirl-components/p-bada1dda.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t,H as e}from"./p-9fe00e8a.js";import{c as s}from"./p-efffd297.js";import"./p-86bd3473.js";const a=":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{background-color:var(--s-surface-overlay-hovered);outline:none}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;padding-top:0.0625rem;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}";const o=class{constructor(t){i(this,t);this.intent="default";this.size="m"}render(){const i=Boolean(this.suffix)&&!this.disabled;const a=s("action-list-item",`action-list-item--intent-${this.intent}`,`action-list-item--size-${this.size}`);return t(e,null,t("button",{class:a,disabled:this.disabled,role:"menuitem",tabIndex:-1,type:"button"},this.icon&&t("span",{class:"action-list-item__icon",innerHTML:this.icon}),t("span",{class:"action-list-item__label-container"},t("span",{class:"action-list-item__label"},this.label),this.description&&t("span",{class:"action-list-item__description"},this.description)),i&&t("span",{class:"action-list-item__suffix",innerHTML:this.suffix})))}};o.style=a;export{o as flip_action_list_item};
+//# sourceMappingURL=p-bada1dda.entry.js.map

package/dist/swirl-components/p-bada1dda.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/flip-action-list-item/flip-action-list-item.css?tag=flip-action-list-item&encapsulation=shadow","src/components/flip-action-list-item/flip-action-list-item.tsx"],"names":["flipActionListItemCss","FlipActionListItem","[object Object]","hostRef","this","intent","size","showSuffix","Boolean","suffix","disabled","className","classnames","h","Host","class","role","tabIndex","type","icon","innerHTML","label","description"],"mappings":"8GAAA,MAAMA,EAAwB,8sDCYjBC,EAAkB,MAL/BC,YAAAC,aASUC,KAAAC,OAAoC,UAEpCD,KAAAE,KAAgC,IAGxCJ,SACE,MAAMK,EAAaC,QAAQJ,KAAKK,UAAYL,KAAKM,SAEjD,MAAMC,EAAYC,EAChB,mBACA,4BAA4BR,KAAKC,SACjC,0BAA0BD,KAAKE,QAGjC,OACEO,EAACC,EAAI,KACHD,EAAA,SAAA,CACEE,MAAOJ,EACPD,SAAUN,KAAKM,SACfM,KAAK,WACLC,UAAW,EACXC,KAAK,UAEJd,KAAKe,MACJN,EAAA,OAAA,CAAME,MAAM,yBAAyBK,UAAWhB,KAAKe,OAEvDN,EAAA,OAAA,CAAME,MAAM,qCACVF,EAAA,OAAA,CAAME,MAAM,2BAA2BX,KAAKiB,OAC3CjB,KAAKkB,aACJT,EAAA,OAAA,CAAME,MAAM,iCACTX,KAAKkB,cAIXf,GACCM,EAAA,OAAA,CACEE,MAAM,2BACNK,UAAWhB,KAAKK","sourcesContent":[":host {\n  display: block;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.action-list-item {\n  display: inline-flex;\n  width: 100%;\n  min-width: 15rem;\n  margin: 0;\n  padding: var(--s-space-12) var(--s-space-16);\n  justify-content: flex-start;\n  align-items: center;\n  border: none;\n  color: var(--s-text-default);\n  background-color: var(--s-surface-overlay-default);\n  font: inherit;\n  line-height: var(--s-line-height-base);\n  text-align: left;\n  cursor: pointer;\n  gap: var(--s-space-12);\n\n  &:hover {\n    background-color: var(--s-surface-overlay-hovered);\n  }\n\n  &:focus {\n    background-color: var(--s-surface-overlay-hovered);\n    outline: none;\n  }\n\n  &:active {\n    background-color: var(--s-surface-overlay-pressed);\n  }\n\n  &:disabled {\n    background-color: var(--s-surface-overlay-default);\n    cursor: default;\n\n    & .action-list-item__label,\n    & .action-list-item__description {\n      color: var(--s-text-disabled);\n    }\n\n    & .action-list-item__icon {\n      color: var(--s-icon-disabled);\n    }\n  }\n}\n\n.action-list-item--size-l {\n  padding: var(--s-space-16);\n}\n\n.action-list-item--intent-critical {\n  &:not(:disabled) {\n    & .action-list-item__label {\n      color: var(--s-text-critical);\n    }\n\n    & .action-list-item__icon {\n      color: var(--s-icon-critical);\n    }\n  }\n}\n\n.action-list-item__icon {\n  display: inline-flex;\n  flex-shrink: 0;\n  color: var(--s-icon-default);\n}\n\n.action-list-item__label-container {\n  display: inline-flex;\n  min-width: 0;\n  flex-grow: 1;\n  align-items: flex-start;\n  flex-direction: column;\n}\n\n.action-list-item__label {\n  overflow: hidden;\n  max-width: 100%;\n  padding-top: 0.0625rem;\n  font-weight: var(--s-font-weight-medium);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.action-list-item__description {\n  color: var(--s-text-subdued);\n}\n\n.action-list-item__suffix {\n  display: inline-flex;\n  flex-shrink: 0;\n  color: var(--s-icon-highlight);\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipActionListItemIntent = \"default\" | \"critical\";\n\nexport type FlipActionListItemSize = \"m\" | \"l\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-action-list-item.css\",\n  tag: \"flip-action-list-item\",\n})\nexport class FlipActionListItem {\n  @Prop() disabled?: boolean;\n  @Prop() description?: string;\n  @Prop() icon?: string;\n  @Prop() intent?: FlipActionListItemIntent = \"default\";\n  @Prop() label!: string;\n  @Prop() size?: FlipActionListItemSize = \"m\";\n  @Prop() suffix?: string;\n\n  render() {\n    const showSuffix = Boolean(this.suffix) && !this.disabled;\n\n    const className = classnames(\n      \"action-list-item\",\n      `action-list-item--intent-${this.intent}`,\n      `action-list-item--size-${this.size}`\n    );\n\n    return (\n      <Host>\n        <button\n          class={className}\n          disabled={this.disabled}\n          role=\"menuitem\"\n          tabIndex={-1}\n          type=\"button\"\n        >\n          {this.icon && (\n            <span class=\"action-list-item__icon\" innerHTML={this.icon}></span>\n          )}\n          <span class=\"action-list-item__label-container\">\n            <span class=\"action-list-item__label\">{this.label}</span>\n            {this.description && (\n              <span class=\"action-list-item__description\">\n                {this.description}\n              </span>\n            )}\n          </span>\n          {showSuffix && (\n            <span\n              class=\"action-list-item__suffix\"\n              innerHTML={this.suffix}\n            ></span>\n          )}\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/swirl-components/p-bc8e3118.entry.js

@@ -0,0 +1,2 @@
+import{r as C,h as t,F as s}from"./p-9fe00e8a.js";const i=":host{display:inline-flex}";const l=class{constructor(t){C(this,t);this.size=24}render(){return t("svg",{class:"flip-icon",fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${this.size} ${this.size}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},this.size===16&&t(s,null,t("path",{d:"M2.93333 12.95C2.71111 13.0389 2.5 13.0193 2.3 12.8913C2.1 12.7638 2 12.5778 2 12.3333V9.85C2 9.69444 2.04444 9.55555 2.13333 9.43333C2.22222 9.31111 2.34444 9.23333 2.5 9.2L7.33333 8L2.5 6.8C2.34444 6.76666 2.22222 6.68889 2.13333 6.56666C2.04444 6.44444 2 6.30555 2 6.15V3.66666C2 3.42222 2.1 3.236 2.3 3.108C2.5 2.98044 2.71111 2.96111 2.93333 3.05L13.2 7.38333C13.4778 7.50555 13.6167 7.71111 13.6167 8C13.6167 8.28889 13.4778 8.49444 13.2 8.61666L2.93333 12.95Z",fill:"currentColor"})),this.size===24&&t(s,null,t("path",{d:"M4.4 19.425C4.06667 19.5583 3.75 19.529 3.45 19.337C3.15 19.1457 3 18.8667 3 18.5V14.775C3 14.5417 3.06667 14.3333 3.2 14.15C3.33333 13.9667 3.51667 13.85 3.75 13.8L11 12L3.75 10.2C3.51667 10.15 3.33333 10.0333 3.2 9.84999C3.06667 9.66666 3 9.45833 3 9.22499V5.49999C3 5.13333 3.15 4.85399 3.45 4.66199C3.75 4.47066 4.06667 4.44166 4.4 4.57499L19.8 11.075C20.2167 11.2583 20.425 11.5667 20.425 12C20.425 12.4333 20.2167 12.7417 19.8 12.925L4.4 19.425Z",fill:"currentColor"})),this.size===28&&t(s,null,t("path",{d:"M5.13333 22.6625C4.74444 22.818 4.375 22.7838 4.025 22.5598C3.675 22.3366 3.5 22.0111 3.5 21.5833V17.2375C3.5 16.9653 3.57778 16.7222 3.73333 16.5083C3.88889 16.2944 4.10278 16.1583 4.375 16.1L12.8333 14L4.375 11.9C4.10278 11.8417 3.88889 11.7055 3.73333 11.4917C3.57778 11.2778 3.5 11.0347 3.5 10.7625V6.41666C3.5 5.98888 3.675 5.66299 4.025 5.43899C4.375 5.21577 4.74444 5.18194 5.13333 5.33749L23.1 12.9208C23.5861 13.1347 23.8292 13.4944 23.8292 14C23.8292 14.5055 23.5861 14.8653 23.1 15.0792L5.13333 22.6625Z",fill:"currentColor"})))}};l.style=i;export{l as flip_icon_send};
+//# sourceMappingURL=p-bc8e3118.entry.js.map

package/dist/swirl-components/p-bc8e3118.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/flip-icon/flip-icon.css?tag=flip-icon-send&encapsulation=shadow","src/components/flip-icon/icons/flip-icon-send.tsx"],"names":["flipIconCss","FlipIconSend","[object Object]","hostRef","this","size","h","class","fill","height","part","viewBox","width","xmlns","Fragment","d"],"mappings":"kDAAA,MAAMA,EAAc,mCCUPC,EAAY,MALzBC,YAAAC,aAMUC,KAAAC,KAAqB,GAE7BH,SACE,OACEI,EAAA,MAAA,CACEC,MAAM,YACNC,KAAK,OACLC,OAAQL,KAAKC,KACbK,KAAK,OACLC,QAAS,OAAOP,KAAKC,QAAQD,KAAKC,OAClCO,MAAOR,KAAKC,KACZQ,MAAM,8BAELT,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,qdACFP,KAAK,kBAIVJ,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,scACFP,KAAK,kBAIVJ,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,qgBACFP,KAAK","sourcesContent":[":host {\n  display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"../flip-icon.css\",\n  tag: \"flip-icon-send\",\n})\nexport class FlipIconSend {\n  @Prop() size: FlipIconSize = 24;\n\n  render() {\n    return (\n      <svg\n        class=\"flip-icon\"\n        fill=\"none\"\n        height={this.size}\n        part=\"icon\"\n        viewBox={`0 0 ${this.size} ${this.size}`}\n        width={this.size}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        {this.size === 16 && (\n          <Fragment>\n            <path\n              d=\"M2.93333 12.95C2.71111 13.0389 2.5 13.0193 2.3 12.8913C2.1 12.7638 2 12.5778 2 12.3333V9.85C2 9.69444 2.04444 9.55555 2.13333 9.43333C2.22222 9.31111 2.34444 9.23333 2.5 9.2L7.33333 8L2.5 6.8C2.34444 6.76666 2.22222 6.68889 2.13333 6.56666C2.04444 6.44444 2 6.30555 2 6.15V3.66666C2 3.42222 2.1 3.236 2.3 3.108C2.5 2.98044 2.71111 2.96111 2.93333 3.05L13.2 7.38333C13.4778 7.50555 13.6167 7.71111 13.6167 8C13.6167 8.28889 13.4778 8.49444 13.2 8.61666L2.93333 12.95Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n        {this.size === 24 && (\n          <Fragment>\n            <path\n              d=\"M4.4 19.425C4.06667 19.5583 3.75 19.529 3.45 19.337C3.15 19.1457 3 18.8667 3 18.5V14.775C3 14.5417 3.06667 14.3333 3.2 14.15C3.33333 13.9667 3.51667 13.85 3.75 13.8L11 12L3.75 10.2C3.51667 10.15 3.33333 10.0333 3.2 9.84999C3.06667 9.66666 3 9.45833 3 9.22499V5.49999C3 5.13333 3.15 4.85399 3.45 4.66199C3.75 4.47066 4.06667 4.44166 4.4 4.57499L19.8 11.075C20.2167 11.2583 20.425 11.5667 20.425 12C20.425 12.4333 20.2167 12.7417 19.8 12.925L4.4 19.425Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n        {this.size === 28 && (\n          <Fragment>\n            <path\n              d=\"M5.13333 22.6625C4.74444 22.818 4.375 22.7838 4.025 22.5598C3.675 22.3366 3.5 22.0111 3.5 21.5833V17.2375C3.5 16.9653 3.57778 16.7222 3.73333 16.5083C3.88889 16.2944 4.10278 16.1583 4.375 16.1L12.8333 14L4.375 11.9C4.10278 11.8417 3.88889 11.7055 3.73333 11.4917C3.57778 11.2778 3.5 11.0347 3.5 10.7625V6.41666C3.5 5.98888 3.675 5.66299 4.025 5.43899C4.375 5.21577 4.74444 5.18194 5.13333 5.33749L23.1 12.9208C23.5861 13.1347 23.8292 13.4944 23.8292 14C23.8292 14.5055 23.5861 14.8653 23.1 15.0792L5.13333 22.6625Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n      </svg>\n    );\n  }\n}\n"]}

package/dist/swirl-components/p-bc94ecde.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as e}from"./p-9fe00e8a.js";import{c as n}from"./p-efffd297.js";import"./p-86bd3473.js";const p='.sc-flip-text-input-h{display:block;width:100%}.sc-flip-text-input-h *.sc-flip-text-input{box-sizing:border-box}.text-input.sc-flip-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm)}.text-input--clearable.sc-flip-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--type-number.sc-flip-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-flip-text-input .text-input__input.sc-flip-text-input{width:100%}.text-input--disabled.sc-flip-text-input .text-input__character-counter.sc-flip-text-input{color:var(--s-text-disabled)}.text-input__input.sc-flip-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-flip-text-input:focus{outline:none}.text-input__input.sc-flip-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-flip-text-input::-webkit-outer-spin-button,.text-input__input.sc-flip-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-flip-text-input{-moz-appearance:textfield}input.text-input__input.sc-flip-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input__clear-button.sc-flip-text-input,.text-input__password-toggle.sc-flip-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-flip-text-input:focus,.text-input__password-toggle.sc-flip-text-input:focus{outline-color:var(--s-focus-default)}.text-input__stepper.sc-flip-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}.text-input__step-button.sc-flip-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-flip-text-input:focus{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-flip-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}.text-input__prefix.sc-flip-text-input{padding-right:var(--s-space-4);font-size:var(--s-font-size-base)}.text-input__suffix.sc-flip-text-input{padding-left:var(--s-space-4);font-size:var(--s-font-size-base)}';const o=class{constructor(s){t(this,s);this.valueChange=i(this,"valueChange",7);this.autoComplete="on";this.clearButtonLabel="Clear input";this.rows=1;this.passwordToggleLabel="Toggle password display";this.type="text";this.showPassword=false;this.clear=()=>{this.inputEl.value="";this.value="";this.valueChange.emit("");this.inputEl.focus()};this.onChange=t=>{const i=t.target;this.value=i.value;this.valueChange.emit(i.value)};this.onFocus=t=>{this.handleAutoSelect(t)};this.onInput=t=>{this.onChange(t)};this.onKeyPress=t=>{if(this.type!=="number"){return}if(["+","-","e"].includes(t.key)){t.preventDefault()}};this.decreaseValue=()=>{if(this.type!=="number"){return}const t=this.step||1;const i=isNaN(this.inputEl.valueAsNumber)?this.min!==undefined?this.min+1:1:this.inputEl.valueAsNumber;this.value=String(Math.max(this.min||-Infinity,i-t));this.valueChange.emit(this.value)};this.increaseValue=()=>{if(this.type!=="number"){return}const t=this.step||1;const i=isNaN(this.inputEl.valueAsNumber)?this.min!==undefined?this.min-1:-1:this.inputEl.valueAsNumber;this.value=String(Math.min(this.max||Infinity,i+t));this.valueChange.emit(this.value)};this.togglePassword=()=>{if(this.type!=="password"){return}this.showPassword=!this.showPassword}}componentDidRender(){this.adjustInputSize()}adjustInputSize(){if(this.rows>1){this.inputEl.style.width="";this.inputEl.style.height="";this.inputEl.style.height=this.inputEl.scrollHeight/16+"rem"}if(this.rows===1){this.inputEl.style.height="";this.inputEl.style.width="";if(this.type!=="password"){this.inputEl.style.width=this.inputEl.scrollWidth/16+"rem"}}}handleAutoSelect(t){if(!this.autoSelect){return}t.target.select()}render(){var t;const i=this.rows===1?"input":"textarea";const p=this.invalid===true?"true":this.invalid===false?"false":undefined;const o=this.type==="number"&&!this.disabled;const r=this.type==="password"&&!this.disabled;const a=this.clearable&&!this.disabled&&Boolean(this.value)&&!r&&!o&&!this.showCharacterCounter;const u=this.type==="password"&&this.showPassword?"text":this.type;const h=n("text-input",`text-input--type-${this.type}`,{"text-input--clearable":this.clearable,"text-input--disabled":this.disabled,"text-input--show-password":this.type==="password"&&this.showPassword});return s(e,null,s("div",{class:h},this.prefixLabel&&s("span",{class:"text-input__prefix"},this.prefixLabel),s(i,{"aria-describedby":this.flipAriaDescribedby,"aria-disabled":this.disabled?"true":undefined,"aria-invalid":p,autoComplete:this.autoComplete,autoFocus:this.autoFocus,class:"text-input__input",disabled:this.disabled,inputMode:this.mode,maxLength:this.maxLength,max:this.type==="number"?this.max:undefined,min:this.type==="number"?this.min:undefined,onFocus:this.onFocus,onInput:this.onInput,onKeyPress:this.onKeyPress,ref:t=>this.inputEl=t,required:this.required,rows:this.rows>1?this.rows:undefined,spellcheck:this.spellCheck,step:this.type==="number"?this.step:undefined,type:u,value:this.rows===1?this.value:undefined},this.rows>1&&this.value),this.suffixLabel&&s("span",{class:"text-input__suffix"},this.suffixLabel),a&&s("button",{"aria-label":this.clearButtonLabel,class:"text-input__clear-button",onClick:this.clear,type:"button"},s("flip-icon-cancel",null)),r&&s("button",{"aria-label":this.passwordToggleLabel,class:"text-input__password-toggle",onClick:this.togglePassword,type:"button"},this.showPassword?s("flip-icon-visibility-off",null):s("flip-icon-visibility",null)),o&&s("span",{class:"text-input__stepper"},s("button",{"aria-hidden":"true",class:"text-input__step-button",onClick:this.increaseValue,tabIndex:-1,type:"button"},s("flip-icon-expand-less",null)),s("button",{"aria-hidden":"true",class:"text-input__step-button",onClick:this.decreaseValue,tabIndex:-1,type:"button"},s("flip-icon-expand-more",null))),this.showCharacterCounter&&s("span",{class:"text-input__character-counter"},((t=this.value)===null||t===void 0?void 0:t.length)||0," ",Boolean(this.maxLength)?`/ ${this.maxLength}`:"")))}};o.style=p;export{o as flip_text_input};
+//# sourceMappingURL=p-bc94ecde.entry.js.map

package/dist/swirl-components/p-bc94ecde.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/flip-text-input/flip-text-input.css?tag=flip-text-input&encapsulation=scoped","src/components/flip-text-input/flip-text-input.tsx"],"names":["flipTextInputCss","FlipTextInput","[object Object]","hostRef","this","autoComplete","clearButtonLabel","rows","passwordToggleLabel","type","showPassword","clear","inputEl","value","valueChange","emit","focus","onChange","event","el","target","onFocus","handleAutoSelect","onInput","onKeyPress","includes","key","preventDefault","decreaseValue","step","currentValue","isNaN","valueAsNumber","min","undefined","String","Math","max","Infinity","increaseValue","togglePassword","adjustInputSize","style","width","height","scrollHeight","scrollWidth","autoSelect","select","Tag","ariaInvalid","invalid","showStepper","disabled","showPasswordToggle","showClearButton","clearable","Boolean","showCharacterCounter","className","classnames","text-input--clearable","text-input--disabled","text-input--show-password","h","Host","class","prefixLabel","aria-describedby","flipAriaDescribedby","aria-disabled","aria-invalid","autoFocus","inputMode","mode","maxLength","ref","required","spellcheck","spellCheck","suffixLabel","aria-label","onClick","aria-hidden","tabIndex","_a","length"],"mappings":"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","sourcesContent":[":host {\n  display: block;\n  width: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.text-input {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  color: var(--s-text-default);\n  font: inherit;\n  line-height: var(--s-line-height-sm);\n}\n\n.text-input--clearable {\n  padding-right: calc(1.5rem + var(--s-space-8));\n}\n\n.text-input--type-number {\n  padding-right: calc(1.5rem + var(--s-space-8));\n}\n\n.text-input--show-password {\n  & .text-input__input {\n    width: 100%;\n  }\n}\n\n.text-input--disabled {\n  & .text-input__character-counter {\n    color: var(--s-text-disabled);\n  }\n}\n\n.text-input__input {\n  display: inline-flex;\n  width: 100%;\n  max-height: 13.75rem;\n  margin: 0;\n  padding: 0;\n  border: none;\n  color: var(--s-text-default);\n  background-color: transparent;\n  font: inherit;\n  font-size: var(--s-font-size-base);\n  line-height: var(--s-line-height-base);\n  resize: none;\n  caret-color: var(--s-border-highlight);\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    color: var(--s-text-disabled);\n    background-color: transparent;\n  }\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  &[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n}\n\ninput.text-input__input:not([type=\"password\"]) {\n  width: 0.25rem;\n  min-width: 0.25rem;\n}\n\n.text-input__clear-button,\n.text-input__password-toggle {\n  position: absolute;\n  top: calc(-1 * var(--s-space-12));\n  right: 0;\n  display: inline-flex;\n  margin: 0;\n  padding: 0;\n  border: none;\n  color: var(--s-icon-default);\n  background-color: transparent;\n  cursor: pointer;\n\n  &:focus {\n    outline-color: var(--s-focus-default);\n  }\n}\n\n.text-input__stepper {\n  position: absolute;\n  top: -1.4375rem;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.text-input__step-button {\n  display: inline-flex;\n  margin: 0;\n  padding: 0;\n  border: none;\n  color: var(--s-icon-default);\n  background-color: transparent;\n  cursor: pointer;\n\n  &:focus {\n    outline-color: var(--s-focus-default);\n  }\n}\n\n.text-input__character-counter {\n  position: absolute;\n  top: -1.375rem;\n  right: 0;\n  display: flex;\n  color: var(--s-text-subdued);\n  line-height: var(--s-line-height-sm);\n  flex-direction: column;\n}\n\n.text-input__prefix {\n  padding-right: var(--s-space-4);\n  font-size: var(--s-font-size-base);\n}\n\n.text-input__suffix {\n  padding-left: var(--s-space-4);\n  font-size: var(--s-font-size-base);\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\nimport { FlipFormInput } from \"../../utils\";\n\nexport type FlipTextInputType =\n  | \"date\"\n  | \"datetime-local\"\n  | \"email\"\n  | \"number\"\n  | \"password\"\n  | \"reset\"\n  | \"tel\"\n  | \"text\"\n  | \"url\";\n\nexport type FlipTextInputMode =\n  | \"decimal\"\n  | \"email\"\n  | \"numeric\"\n  | \"search\"\n  | \"tel\"\n  | \"text\"\n  | \"url\";\n\n@Component({\n  /**\n   * Form controls in shadow dom can still not be associated with labels in the\n   * light dom, cross browser. So for now we disable shadow dom for form\n   * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n   * https://caniuse.com/?search=attachInternals\n   */\n  scoped: true,\n  shadow: false,\n  styleUrl: \"flip-text-input.css\",\n  tag: \"flip-text-input\",\n})\nexport class FlipTextInput implements FlipFormInput {\n  @Prop() autoComplete?: string = \"on\";\n  @Prop() autoFocus?: boolean;\n  @Prop() autoSelect?: boolean;\n  @Prop() clearable?: boolean;\n  @Prop() clearButtonLabel?: string = \"Clear input\";\n  @Prop() disabled?: boolean;\n  @Prop() flipAriaDescribedby?: string;\n  @Prop() invalid?: boolean;\n  @Prop() maxLength?: number;\n  @Prop() max?: number;\n  @Prop() min?: number;\n  @Prop() mode?: FlipTextInputMode;\n  @Prop() prefixLabel?: string;\n  @Prop() required?: boolean;\n  @Prop() rows?: number = 1;\n  @Prop() showCharacterCounter?: boolean;\n  @Prop() spellCheck?: boolean;\n  @Prop() suffixLabel?: string;\n  @Prop() step?: number;\n  @Prop() passwordToggleLabel?: string = \"Toggle password display\";\n  @Prop() type?: FlipTextInputType = \"text\";\n  @Prop({ mutable: true, reflect: true }) value?: string;\n\n  @State() showPassword = false;\n\n  @Event() valueChange: EventEmitter<string>;\n\n  private inputEl: HTMLInputElement;\n\n  componentDidRender() {\n    this.adjustInputSize();\n  }\n\n  private adjustInputSize() {\n    if (this.rows > 1) {\n      this.inputEl.style.width = \"\";\n      this.inputEl.style.height = \"\";\n      this.inputEl.style.height = this.inputEl.scrollHeight / 16 + \"rem\";\n    }\n\n    if (this.rows === 1) {\n      this.inputEl.style.height = \"\";\n      this.inputEl.style.width = \"\";\n\n      if (this.type !== \"password\") {\n        this.inputEl.style.width = this.inputEl.scrollWidth / 16 + \"rem\";\n      }\n    }\n  }\n\n  private clear = () => {\n    this.inputEl.value = \"\";\n    this.value = \"\";\n    this.valueChange.emit(\"\");\n    this.inputEl.focus();\n  };\n\n  private onChange = (event: Event) => {\n    const el = event.target as HTMLInputElement;\n\n    this.value = el.value;\n    this.valueChange.emit(el.value);\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.handleAutoSelect(event);\n  };\n\n  private onInput = (event: InputEvent) => {\n    this.onChange(event);\n  };\n\n  private onKeyPress = (event: KeyboardEvent) => {\n    if (this.type !== \"number\") {\n      return;\n    }\n\n    if ([\"+\", \"-\", \"e\"].includes(event.key)) {\n      event.preventDefault();\n    }\n  };\n\n  private decreaseValue = () => {\n    if (this.type !== \"number\") {\n      return;\n    }\n    const step = this.step || 1;\n    const currentValue = isNaN(this.inputEl.valueAsNumber)\n      ? this.min !== undefined\n        ? this.min + 1\n        : 1\n      : this.inputEl.valueAsNumber;\n\n    this.value = String(Math.max(this.min || -Infinity, currentValue - step));\n    this.valueChange.emit(this.value);\n  };\n\n  private increaseValue = () => {\n    if (this.type !== \"number\") {\n      return;\n    }\n\n    const step = this.step || 1;\n    const currentValue = isNaN(this.inputEl.valueAsNumber)\n      ? this.min !== undefined\n        ? this.min - 1\n        : -1\n      : this.inputEl.valueAsNumber;\n\n    this.value = String(Math.min(this.max || Infinity, currentValue + step));\n    this.valueChange.emit(this.value);\n  };\n\n  private handleAutoSelect(event: FocusEvent) {\n    if (!this.autoSelect) {\n      return;\n    }\n\n    (event.target as HTMLInputElement).select();\n  }\n\n  private togglePassword = () => {\n    if (this.type !== \"password\") {\n      return;\n    }\n\n    this.showPassword = !this.showPassword;\n  };\n\n  render() {\n    const Tag = this.rows === 1 ? \"input\" : \"textarea\";\n\n    const ariaInvalid =\n      this.invalid === true\n        ? \"true\"\n        : this.invalid === false\n        ? \"false\"\n        : undefined;\n\n    const showStepper = this.type === \"number\" && !this.disabled;\n    const showPasswordToggle = this.type === \"password\" && !this.disabled;\n\n    const showClearButton =\n      this.clearable &&\n      !this.disabled &&\n      Boolean(this.value) &&\n      !showPasswordToggle &&\n      !showStepper &&\n      !this.showCharacterCounter;\n\n    const type =\n      this.type === \"password\" && this.showPassword ? \"text\" : this.type;\n\n    const className = classnames(\n      \"text-input\",\n      `text-input--type-${this.type}`,\n      {\n        \"text-input--clearable\": this.clearable,\n        \"text-input--disabled\": this.disabled,\n        \"text-input--show-password\":\n          this.type === \"password\" && this.showPassword,\n      }\n    );\n\n    return (\n      <Host>\n        <div class={className}>\n          {this.prefixLabel && (\n            <span class=\"text-input__prefix\">{this.prefixLabel}</span>\n          )}\n          <Tag\n            aria-describedby={this.flipAriaDescribedby}\n            aria-disabled={this.disabled ? \"true\" : undefined}\n            aria-invalid={ariaInvalid}\n            autoComplete={this.autoComplete}\n            autoFocus={this.autoFocus}\n            class=\"text-input__input\"\n            disabled={this.disabled}\n            inputMode={this.mode}\n            maxLength={this.maxLength}\n            max={this.type === \"number\" ? this.max : undefined}\n            min={this.type === \"number\" ? this.min : undefined}\n            onFocus={this.onFocus}\n            onInput={this.onInput}\n            onKeyPress={this.onKeyPress}\n            ref={(el) => (this.inputEl = el)}\n            required={this.required}\n            rows={this.rows > 1 ? this.rows : undefined}\n            spellcheck={this.spellCheck}\n            step={this.type === \"number\" ? this.step : undefined}\n            type={type}\n            value={this.rows === 1 ? this.value : undefined}\n          >\n            {this.rows > 1 && this.value}\n          </Tag>\n          {this.suffixLabel && (\n            <span class=\"text-input__suffix\">{this.suffixLabel}</span>\n          )}\n          {showClearButton && (\n            <button\n              aria-label={this.clearButtonLabel}\n              class=\"text-input__clear-button\"\n              onClick={this.clear}\n              type=\"button\"\n            >\n              <flip-icon-cancel></flip-icon-cancel>\n            </button>\n          )}\n          {showPasswordToggle && (\n            <button\n              aria-label={this.passwordToggleLabel}\n              class=\"text-input__password-toggle\"\n              onClick={this.togglePassword}\n              type=\"button\"\n            >\n              {this.showPassword ? (\n                <flip-icon-visibility-off></flip-icon-visibility-off>\n              ) : (\n                <flip-icon-visibility></flip-icon-visibility>\n              )}\n            </button>\n          )}\n          {showStepper && (\n            <span class=\"text-input__stepper\">\n              <button\n                aria-hidden=\"true\"\n                class=\"text-input__step-button\"\n                onClick={this.increaseValue}\n                tabIndex={-1}\n                type=\"button\"\n              >\n                <flip-icon-expand-less></flip-icon-expand-less>\n              </button>\n              <button\n                aria-hidden=\"true\"\n                class=\"text-input__step-button\"\n                onClick={this.decreaseValue}\n                tabIndex={-1}\n                type=\"button\"\n              >\n                <flip-icon-expand-more></flip-icon-expand-more>\n              </button>\n            </span>\n          )}\n          {this.showCharacterCounter && (\n            <span class=\"text-input__character-counter\">\n              {this.value?.length || 0}{\" \"}\n              {Boolean(this.maxLength) ? `/ ${this.maxLength}` : \"\"}\n            </span>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/swirl-components/p-be841358.entry.js

@@ -0,0 +1,2 @@
+import{r,h as e,H as i}from"./p-9fe00e8a.js";const s=":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}";const t=class{constructor(e){r(this,e)}render(){return e(i,null,e("a",{class:"link",href:this.href,target:this.target},this.label))}};t.style=s;export{t as flip_link};
+//# sourceMappingURL=p-be841358.entry.js.map

package/dist/swirl-components/p-be841358.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/flip-link/flip-link.css?tag=flip-link&encapsulation=shadow","src/components/flip-link/flip-link.tsx"],"names":["flipLinkCss","FlipLink","[object Object]","h","Host","class","href","this","target","label"],"mappings":"6CAAA,MAAMA,EAAc,8SCSPC,EAAQ,+BAKnBC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,IAAA,CAAGE,MAAM,OAAOC,KAAMC,KAAKD,KAAME,OAAQD,KAAKC,QAC3CD,KAAKE","sourcesContent":[":host {\n  display: inline-flex;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.link {\n  color: var(--s-interactive-primary-default);\n  line-height: var(--s-line-height-base);\n  text-underline-offset: var(--s-space-4);\n\n  &:hover {\n    color: var(--s-interactive-primary-hovered);\n  }\n\n  &:active {\n    color: var(--s-interactive-primary-pressed);\n  }\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\n\nexport type FlipLinkTarget = \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-link.css\",\n  tag: \"flip-link\",\n})\nexport class FlipLink {\n  @Prop() href!: string;\n  @Prop() label!: string;\n  @Prop() target?: FlipLinkTarget;\n\n  render() {\n    return (\n      <Host>\n        <a class=\"link\" href={this.href} target={this.target}>\n          {this.label}\n        </a>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/swirl-components/p-c358ead4.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as a,h as t,H as n}from"./p-9fe00e8a.js";import{c as e}from"./p-efffd297.js";import"./p-86bd3473.js";const s=":host{display:block;width:100%}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:var(--s-space-4)}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none;gap:var(--s-space-8)}@media (--from-tablet){.pagination__list{gap:var(--s-space-16)}}.pagination__advanced-label{display:flex;align-items:center;gap:var(--s-space-8);white-space:nowrap}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-right:var(--s-space-16);border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus{outline-color:var(--s-focus-default)}.pagination__page-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}";const l=class{constructor(t){i(this,t);this.setPage=a(this,"setPage",7);this.accessibleNextButtonLabel="Next page";this.accessiblePrevButtonLabel="Previous page";this.nextButtonLabel="Next";this.pageLabel="out of";this.prevButtonLabel="Prev";this.pageSelectLabel="Select a page";this.variant="default";this.onPrevButtonClick=()=>{const i=Math.max(this.page-1,1);if(this.page===i){return}this.setPage.emit(i)};this.onNextButtonClick=()=>{const i=Math.min(this.page+1,this.pages);if(this.page===i){return}this.setPage.emit(i)};this.onSelect=i=>{const a=+i.target.value;if(this.page===a){return}this.setPage.emit(a)}}render(){const i=this.variant!=="advanced";const a=this.variant!=="simple";const s=this.variant==="advanced";const l=`${this.page} ${this.pageLabel} ${this.pages}`;const o=e("pagination",`pagination--variant-${this.variant}`);return t(n,null,t("nav",{"aria-label":this.label,class:o},t("ul",{class:"pagination__list"},t("li",{class:"pagination__list-item"},t("flip-button",{class:"pagination__prev-button",disabled:this.page<=1,flipAriaLabel:this.accessiblePrevButtonLabel,hideLabel:i,icon:"<flip-icon-chevron-left></flip-icon-chevron-left>",intent:"primary",label:this.prevButtonLabel,onClick:this.onPrevButtonClick})),a?t("li",{class:"pagination__list-item"},t("span",null,s?t("span",{"aria-current":"page",class:"pagination__advanced-label"},t("span",{class:"pagination__page-select-container"},t("select",{"aria-label":this.pageSelectLabel,class:"pagination__page-select",onChange:this.onSelect},new Array(this.pages).fill(undefined).map(((i,a)=>a+1)).map((i=>t("option",{selected:this.page===i,value:String(i)},i)))),t("flip-icon-expand-more",{"aria-hidden":"true",class:"pagination__page-select-icon",size:16})),t("span",{"aria-hidden":"true"},this.pageLabel," ",this.pages)):t("span",{"aria-current":"page"},l))):t("li",{class:"pagination__list-item"},t("flip-visually-hidden",null,t("span",{"aria-current":"page"},l))),t("li",{class:"pagination__list-item"},t("flip-button",{class:"pagination__next-button",disabled:this.page>=this.pages,flipAriaLabel:this.accessibleNextButtonLabel,hideLabel:i,icon:"<flip-icon-chevron-right></flip-icon-chevron-right>",iconPosition:"end",intent:"primary",label:this.nextButtonLabel,onClick:this.onNextButtonClick})))))}};l.style=s;export{l as flip_pagination};
+//# sourceMappingURL=p-c358ead4.entry.js.map

package/dist/swirl-components/p-c358ead4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/flip-pagination/flip-pagination.css?tag=flip-pagination&encapsulation=shadow","src/components/flip-pagination/flip-pagination.tsx"],"names":["flipPaginationCss","FlipPagination","[object Object]","hostRef","this","accessibleNextButtonLabel","accessiblePrevButtonLabel","nextButtonLabel","pageLabel","prevButtonLabel","pageSelectLabel","variant","onPrevButtonClick","prevPage","Math","max","page","setPage","emit","onNextButtonClick","nextPage","min","pages","onSelect","event","target","value","hideButtonLabels","showPageLabel","showDropDown","ariaPageLabel","className","classnames","h","Host","aria-label","label","class","disabled","flipAriaLabel","hideLabel","icon","intent","onClick","aria-current","onChange","Array","fill","undefined","map","_","index","selected","String","aria-hidden","size","iconPosition"],"mappings":"qHAAA,MAAMA,EAAoB,4+BCUbC,EAAc,MAL3BC,YAAAC,8CAMUC,KAAAC,0BAAqC,YACrCD,KAAAE,0BAAqC,gBACrCF,KAAAG,gBAA2B,OAC3BH,KAAAI,UAAqB,SACrBJ,KAAAK,gBAA2B,OAI3BL,KAAAM,gBAA2B,gBAC3BN,KAAAO,QAAkC,UAIlCP,KAAAQ,kBAAoB,KAC1B,MAAMC,EAAWC,KAAKC,IAAIX,KAAKY,KAAO,EAAG,GAEzC,GAAIZ,KAAKY,OAASH,EAAU,CAC1B,OAGFT,KAAKa,QAAQC,KAAKL,IAGZT,KAAAe,kBAAoB,KAC1B,MAAMC,EAAWN,KAAKO,IAAIjB,KAAKY,KAAO,EAAGZ,KAAKkB,OAE9C,GAAIlB,KAAKY,OAASI,EAAU,CAC1B,OAGFhB,KAAKa,QAAQC,KAAKE,IAGZhB,KAAAmB,SAAYC,IAClB,MAAMR,GAASQ,EAAMC,OAA6BC,MAElD,GAAItB,KAAKY,OAASA,EAAM,CACtB,OAGFZ,KAAKa,QAAQC,KAAKF,IAGpBd,SACE,MAAMyB,EAAmBvB,KAAKO,UAAY,WAC1C,MAAMiB,EAAgBxB,KAAKO,UAAY,SACvC,MAAMkB,EAAezB,KAAKO,UAAY,WAEtC,MAAMmB,EAAgB,GAAG1B,KAAKY,QAAQZ,KAAKI,aAAaJ,KAAKkB,QAE7D,MAAMS,EAAYC,EAChB,aACA,uBAAuB5B,KAAKO,WAG9B,OACEsB,EAACC,EAAI,KACHD,EAAA,MAAA,CAAAE,aAAiB/B,KAAKgC,MAAOC,MAAON,GAClCE,EAAA,KAAA,CAAII,MAAM,oBACRJ,EAAA,KAAA,CAAII,MAAM,yBACRJ,EAAA,cAAA,CACEI,MAAM,0BACNC,SAAUlC,KAAKY,MAAQ,EACvBuB,cAAenC,KAAKE,0BACpBkC,UAAWb,EACXc,KAAK,oDACLC,OAAO,UACPN,MAAOhC,KAAKK,gBACZkC,QAASvC,KAAKQ,qBAGjBgB,EACCK,EAAA,KAAA,CAAII,MAAM,yBACRJ,EAAA,OAAA,KACGJ,EACCI,EAAA,OAAA,CAAAW,eACe,OACbP,MAAM,8BAENJ,EAAA,OAAA,CAAMI,MAAM,qCACVJ,EAAA,SAAA,CAAAE,aACc/B,KAAKM,gBACjB2B,MAAM,0BACNQ,SAAUzC,KAAKmB,UAEd,IAAIuB,MAAM1C,KAAKkB,OACbyB,KAAKC,WACLC,KAAI,CAACC,EAAGC,IAAUA,EAAQ,IAC1BF,KAAKjC,GACJiB,EAAA,SAAA,CACEmB,SAAUhD,KAAKY,OAASA,EACxBU,MAAO2B,OAAOrC,IAEbA,MAITiB,EAAA,wBAAA,CAAAqB,cACc,OACZjB,MAAM,+BACNkB,KAAM,MAGVtB,EAAA,OAAA,CAAAqB,cAAkB,QACflD,KAAKI,UAAS,IAAGJ,KAAKkB,QAI3BW,EAAA,OAAA,CAAAW,eAAmB,QAAQd,KAKjCG,EAAA,KAAA,CAAII,MAAM,yBACRJ,EAAA,uBAAA,KACEA,EAAA,OAAA,CAAAW,eAAmB,QAAQd,KAIjCG,EAAA,KAAA,CAAII,MAAM,yBACRJ,EAAA,cAAA,CACEI,MAAM,0BACNC,SAAUlC,KAAKY,MAAQZ,KAAKkB,MAC5BiB,cAAenC,KAAKC,0BACpBmC,UAAWb,EACXc,KAAK,sDACLe,aAAa,MACbd,OAAO,UACPN,MAAOhC,KAAKG,gBACZoC,QAASvC,KAAKe","sourcesContent":[":host {\n  display: block;\n  width: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.pagination {\n  display: block;\n  width: 100%;\n}\n\n.pagination--variant-simple {\n  & .pagination__list {\n    gap: var(--s-space-4);\n  }\n}\n\n.pagination__list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  justify-content: flex-start;\n  align-items: center;\n  line-height: var(--s-line-height-base);\n  list-style: none;\n  gap: var(--s-space-8);\n\n  @media (--from-tablet) {\n    gap: var(--s-space-16);\n  }\n}\n\n.pagination__advanced-label {\n  display: flex;\n  align-items: center;\n  gap: var(--s-space-8);\n  white-space: nowrap;\n}\n\n.pagination__page-select-container {\n  position: relative;\n}\n\n.pagination__page-select {\n  display: inline-flex;\n  padding-right: var(--s-space-16);\n  border: none;\n  background-color: transparent;\n  font: inherit;\n  line-height: var(--s-line-height-base);\n  text-align: center;\n  cursor: pointer;\n  appearance: none;\n\n  &:focus {\n    outline-color: var(--s-focus-default);\n  }\n}\n\n.pagination__page-select-icon {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipPaginationVariant = \"default\" | \"simple\" | \"advanced\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-pagination.css\",\n  tag: \"flip-pagination\",\n})\nexport class FlipPagination {\n  @Prop() accessibleNextButtonLabel?: string = \"Next page\";\n  @Prop() accessiblePrevButtonLabel?: string = \"Previous page\";\n  @Prop() nextButtonLabel?: string = \"Next\";\n  @Prop() pageLabel?: string = \"out of\";\n  @Prop() prevButtonLabel?: string = \"Prev\";\n  @Prop() label!: string;\n  @Prop() page!: number;\n  @Prop() pages!: number;\n  @Prop() pageSelectLabel?: string = \"Select a page\";\n  @Prop() variant?: FlipPaginationVariant = \"default\";\n\n  @Event() setPage: EventEmitter<number>;\n\n  private onPrevButtonClick = () => {\n    const prevPage = Math.max(this.page - 1, 1);\n\n    if (this.page === prevPage) {\n      return;\n    }\n\n    this.setPage.emit(prevPage);\n  };\n\n  private onNextButtonClick = () => {\n    const nextPage = Math.min(this.page + 1, this.pages);\n\n    if (this.page === nextPage) {\n      return;\n    }\n\n    this.setPage.emit(nextPage);\n  };\n\n  private onSelect = (event: Event) => {\n    const page = +(event.target as HTMLSelectElement).value;\n\n    if (this.page === page) {\n      return;\n    }\n\n    this.setPage.emit(page);\n  };\n\n  render() {\n    const hideButtonLabels = this.variant !== \"advanced\";\n    const showPageLabel = this.variant !== \"simple\";\n    const showDropDown = this.variant === \"advanced\";\n\n    const ariaPageLabel = `${this.page} ${this.pageLabel} ${this.pages}`;\n\n    const className = classnames(\n      \"pagination\",\n      `pagination--variant-${this.variant}`\n    );\n\n    return (\n      <Host>\n        <nav aria-label={this.label} class={className}>\n          <ul class=\"pagination__list\">\n            <li class=\"pagination__list-item\">\n              <flip-button\n                class=\"pagination__prev-button\"\n                disabled={this.page <= 1}\n                flipAriaLabel={this.accessiblePrevButtonLabel}\n                hideLabel={hideButtonLabels}\n                icon=\"<flip-icon-chevron-left></flip-icon-chevron-left>\"\n                intent=\"primary\"\n                label={this.prevButtonLabel}\n                onClick={this.onPrevButtonClick}\n              ></flip-button>\n            </li>\n            {showPageLabel ? (\n              <li class=\"pagination__list-item\">\n                <span>\n                  {showDropDown ? (\n                    <span\n                      aria-current=\"page\"\n                      class=\"pagination__advanced-label\"\n                    >\n                      <span class=\"pagination__page-select-container\">\n                        <select\n                          aria-label={this.pageSelectLabel}\n                          class=\"pagination__page-select\"\n                          onChange={this.onSelect}\n                        >\n                          {new Array(this.pages)\n                            .fill(undefined)\n                            .map((_, index) => index + 1)\n                            .map((page) => (\n                              <option\n                                selected={this.page === page}\n                                value={String(page)}\n                              >\n                                {page}\n                              </option>\n                            ))}\n                        </select>\n                        <flip-icon-expand-more\n                          aria-hidden=\"true\"\n                          class=\"pagination__page-select-icon\"\n                          size={16}\n                        ></flip-icon-expand-more>\n                      </span>\n                      <span aria-hidden=\"true\">\n                        {this.pageLabel} {this.pages}\n                      </span>\n                    </span>\n                  ) : (\n                    <span aria-current=\"page\">{ariaPageLabel}</span>\n                  )}\n                </span>\n              </li>\n            ) : (\n              <li class=\"pagination__list-item\">\n                <flip-visually-hidden>\n                  <span aria-current=\"page\">{ariaPageLabel}</span>\n                </flip-visually-hidden>\n              </li>\n            )}\n            <li class=\"pagination__list-item\">\n              <flip-button\n                class=\"pagination__next-button\"\n                disabled={this.page >= this.pages}\n                flipAriaLabel={this.accessibleNextButtonLabel}\n                hideLabel={hideButtonLabels}\n                icon=\"<flip-icon-chevron-right></flip-icon-chevron-right>\"\n                iconPosition=\"end\"\n                intent=\"primary\"\n                label={this.nextButtonLabel}\n                onClick={this.onNextButtonClick}\n              ></flip-button>\n            </li>\n          </ul>\n        </nav>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/swirl-components/p-c3d0c15c.entry.js

@@ -0,0 +1,2 @@
+import{r as C,h as t,F as i}from"./p-9fe00e8a.js";const s=":host{display:inline-flex}";const l=class{constructor(t){C(this,t);this.size=24}render(){return t("svg",{class:"flip-icon",fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${this.size} ${this.size}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},this.size===16&&t(i,null,t("path",{d:"M12.0026 10.5V7.16667C12.0026 5.12 10.9093 3.40667 9.00262 2.95333V2.5C9.00262 1.94667 8.54929 1.5 7.99595 1.5C7.44262 1.5 7.00262 1.94667 7.00262 2.5V2.95333C5.08929 3.40667 4.00262 5.11333 4.00262 7.16667V10.5L3.13595 11.36C2.71595 11.78 3.00929 12.5 3.60262 12.5H12.3826C12.976 12.5 13.276 11.78 12.856 11.36L12.0026 10.5ZM7.99595 14.5C8.72929 14.5 9.32929 13.9 9.32929 13.1667H6.66262C6.66262 13.9 7.25595 14.5 7.99595 14.5ZM4.51595 2.98667C4.79595 2.73333 4.80262 2.3 4.53595 2.03333C4.28262 1.78 3.86929 1.77333 3.60929 2.02C2.46929 3.06 1.68262 4.47333 1.42929 6.06C1.36929 6.46667 1.68262 6.83333 2.09595 6.83333C2.41595 6.83333 2.69595 6.6 2.74929 6.28C2.94929 4.98667 3.58929 3.83333 4.51595 2.98667ZM12.4026 2.02C12.136 1.77333 11.7226 1.78 11.4693 2.03333C11.2026 2.3 11.216 2.72667 11.4893 2.98C12.4093 3.82667 13.056 4.98 13.256 6.27333C13.3026 6.59333 13.5826 6.82667 13.9093 6.82667C14.316 6.82667 14.636 6.46 14.5693 6.05333C14.316 4.47333 13.536 3.06667 12.4026 2.02Z",fill:"currentColor"})),this.size===24&&t(i,null,t("path",{d:"M18.0039 15.75V10.75C18.0039 7.68 16.3639 5.11 13.5039 4.43V3.75C13.5039 2.92 12.8239 2.25 11.9939 2.25C11.1639 2.25 10.5039 2.92 10.5039 3.75V4.43C7.63391 5.11 6.00391 7.67 6.00391 10.75V15.75L4.70391 17.04C4.07391 17.67 4.51391 18.75 5.40391 18.75H18.5739C19.4639 18.75 19.9139 17.67 19.2839 17.04L18.0039 15.75ZM11.9939 21.75C13.0939 21.75 13.9939 20.85 13.9939 19.75H9.99391C9.99391 20.85 10.8839 21.75 11.9939 21.75ZM6.77391 4.48C7.19391 4.1 7.20391 3.45 6.80391 3.05C6.42391 2.67 5.80391 2.66 5.41391 3.03C3.70391 4.59 2.52391 6.71 2.14391 9.09C2.05391 9.7 2.52391 10.25 3.14391 10.25C3.62391 10.25 4.04391 9.9 4.12391 9.42C4.42391 7.48 5.38391 5.75 6.77391 4.48ZM18.6039 3.03C18.2039 2.66 17.5839 2.67 17.2039 3.05C16.8039 3.45 16.8239 4.09 17.2339 4.47C18.6139 5.74 19.5839 7.47 19.8839 9.41C19.9539 9.89 20.3739 10.24 20.8639 10.24C21.4739 10.24 21.9539 9.69 21.8539 9.08C21.4739 6.71 20.3039 4.6 18.6039 3.03Z",fill:"currentColor"})),this.size===28&&t(i,null,t("path",{d:"M21.0046 18.375V12.5417C21.0046 8.96 19.0912 5.96167 15.7546 5.16833V4.375C15.7546 3.40667 14.9612 2.625 13.9929 2.625C13.0246 2.625 12.2546 3.40667 12.2546 4.375V5.16833C8.90623 5.96167 7.00456 8.94833 7.00456 12.5417V18.375L5.48789 19.88C4.75289 20.615 5.26623 21.875 6.30456 21.875H21.6696C22.7079 21.875 23.2329 20.615 22.4979 19.88L21.0046 18.375ZM13.9929 25.375C15.2762 25.375 16.3262 24.325 16.3262 23.0417H11.6596C11.6596 24.325 12.6979 25.375 13.9929 25.375ZM7.90289 5.22667C8.39289 4.78333 8.40456 4.025 7.93789 3.55833C7.49456 3.115 6.77123 3.10333 6.31623 3.535C4.32123 5.355 2.94456 7.82833 2.50123 10.605C2.39623 11.3167 2.94456 11.9583 3.66789 11.9583C4.22789 11.9583 4.71789 11.55 4.81123 10.99C5.16123 8.72667 6.28123 6.70833 7.90289 5.22667ZM21.7046 3.535C21.2379 3.10333 20.5146 3.115 20.0712 3.55833C19.6046 4.025 19.6279 4.77167 20.1062 5.215C21.7162 6.69667 22.8479 8.715 23.1979 10.9783C23.2796 11.5383 23.7696 11.9467 24.3412 11.9467C25.0529 11.9467 25.6129 11.305 25.4962 10.5933C25.0529 7.82833 23.6879 5.36667 21.7046 3.535Z",fill:"currentColor"})))}};l.style=s;export{l as flip_icon_notifications_active};
+//# sourceMappingURL=p-c3d0c15c.entry.js.map

package/dist/swirl-components/p-c3d0c15c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/flip-icon/flip-icon.css?tag=flip-icon-notifications-active&encapsulation=shadow","src/components/flip-icon/icons/flip-icon-notifications-active.tsx"],"names":["flipIconCss","FlipIconNotificationsActive","[object Object]","hostRef","this","size","h","class","fill","height","part","viewBox","width","xmlns","Fragment","d"],"mappings":"kDAAA,MAAMA,EAAc,mCCUPC,EAA2B,MALxCC,YAAAC,aAMUC,KAAAC,KAAqB,GAE7BH,SACE,OACEI,EAAA,MAAA,CACEC,MAAM,YACNC,KAAK,OACLC,OAAQL,KAAKC,KACbK,KAAK,OACLC,QAAS,OAAOP,KAAKC,QAAQD,KAAKC,OAClCO,MAAOR,KAAKC,KACZQ,MAAM,8BAELT,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,49BACFP,KAAK,kBAIVJ,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,05BACFP,KAAK,kBAIVJ,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,8hCACFP,KAAK","sourcesContent":[":host {\n  display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"../flip-icon.css\",\n  tag: \"flip-icon-notifications-active\",\n})\nexport class FlipIconNotificationsActive {\n  @Prop() size: FlipIconSize = 24;\n\n  render() {\n    return (\n      <svg\n        class=\"flip-icon\"\n        fill=\"none\"\n        height={this.size}\n        part=\"icon\"\n        viewBox={`0 0 ${this.size} ${this.size}`}\n        width={this.size}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        {this.size === 16 && (\n          <Fragment>\n            <path\n              d=\"M12.0026 10.5V7.16667C12.0026 5.12 10.9093 3.40667 9.00262 2.95333V2.5C9.00262 1.94667 8.54929 1.5 7.99595 1.5C7.44262 1.5 7.00262 1.94667 7.00262 2.5V2.95333C5.08929 3.40667 4.00262 5.11333 4.00262 7.16667V10.5L3.13595 11.36C2.71595 11.78 3.00929 12.5 3.60262 12.5H12.3826C12.976 12.5 13.276 11.78 12.856 11.36L12.0026 10.5ZM7.99595 14.5C8.72929 14.5 9.32929 13.9 9.32929 13.1667H6.66262C6.66262 13.9 7.25595 14.5 7.99595 14.5ZM4.51595 2.98667C4.79595 2.73333 4.80262 2.3 4.53595 2.03333C4.28262 1.78 3.86929 1.77333 3.60929 2.02C2.46929 3.06 1.68262 4.47333 1.42929 6.06C1.36929 6.46667 1.68262 6.83333 2.09595 6.83333C2.41595 6.83333 2.69595 6.6 2.74929 6.28C2.94929 4.98667 3.58929 3.83333 4.51595 2.98667ZM12.4026 2.02C12.136 1.77333 11.7226 1.78 11.4693 2.03333C11.2026 2.3 11.216 2.72667 11.4893 2.98C12.4093 3.82667 13.056 4.98 13.256 6.27333C13.3026 6.59333 13.5826 6.82667 13.9093 6.82667C14.316 6.82667 14.636 6.46 14.5693 6.05333C14.316 4.47333 13.536 3.06667 12.4026 2.02Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n        {this.size === 24 && (\n          <Fragment>\n            <path\n              d=\"M18.0039 15.75V10.75C18.0039 7.68 16.3639 5.11 13.5039 4.43V3.75C13.5039 2.92 12.8239 2.25 11.9939 2.25C11.1639 2.25 10.5039 2.92 10.5039 3.75V4.43C7.63391 5.11 6.00391 7.67 6.00391 10.75V15.75L4.70391 17.04C4.07391 17.67 4.51391 18.75 5.40391 18.75H18.5739C19.4639 18.75 19.9139 17.67 19.2839 17.04L18.0039 15.75ZM11.9939 21.75C13.0939 21.75 13.9939 20.85 13.9939 19.75H9.99391C9.99391 20.85 10.8839 21.75 11.9939 21.75ZM6.77391 4.48C7.19391 4.1 7.20391 3.45 6.80391 3.05C6.42391 2.67 5.80391 2.66 5.41391 3.03C3.70391 4.59 2.52391 6.71 2.14391 9.09C2.05391 9.7 2.52391 10.25 3.14391 10.25C3.62391 10.25 4.04391 9.9 4.12391 9.42C4.42391 7.48 5.38391 5.75 6.77391 4.48ZM18.6039 3.03C18.2039 2.66 17.5839 2.67 17.2039 3.05C16.8039 3.45 16.8239 4.09 17.2339 4.47C18.6139 5.74 19.5839 7.47 19.8839 9.41C19.9539 9.89 20.3739 10.24 20.8639 10.24C21.4739 10.24 21.9539 9.69 21.8539 9.08C21.4739 6.71 20.3039 4.6 18.6039 3.03Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n        {this.size === 28 && (\n          <Fragment>\n            <path\n              d=\"M21.0046 18.375V12.5417C21.0046 8.96 19.0912 5.96167 15.7546 5.16833V4.375C15.7546 3.40667 14.9612 2.625 13.9929 2.625C13.0246 2.625 12.2546 3.40667 12.2546 4.375V5.16833C8.90623 5.96167 7.00456 8.94833 7.00456 12.5417V18.375L5.48789 19.88C4.75289 20.615 5.26623 21.875 6.30456 21.875H21.6696C22.7079 21.875 23.2329 20.615 22.4979 19.88L21.0046 18.375ZM13.9929 25.375C15.2762 25.375 16.3262 24.325 16.3262 23.0417H11.6596C11.6596 24.325 12.6979 25.375 13.9929 25.375ZM7.90289 5.22667C8.39289 4.78333 8.40456 4.025 7.93789 3.55833C7.49456 3.115 6.77123 3.10333 6.31623 3.535C4.32123 5.355 2.94456 7.82833 2.50123 10.605C2.39623 11.3167 2.94456 11.9583 3.66789 11.9583C4.22789 11.9583 4.71789 11.55 4.81123 10.99C5.16123 8.72667 6.28123 6.70833 7.90289 5.22667ZM21.7046 3.535C21.2379 3.10333 20.5146 3.115 20.0712 3.55833C19.6046 4.025 19.6279 4.77167 20.1062 5.215C21.7162 6.69667 22.8479 8.715 23.1979 10.9783C23.2796 11.5383 23.7696 11.9467 24.3412 11.9467C25.0529 11.9467 25.6129 11.305 25.4962 10.5933C25.0529 7.82833 23.6879 5.36667 21.7046 3.535Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n      </svg>\n    );\n  }\n}\n"]}