@esri/calcite-components 2.13.0 → 2.14.0-next.1

package/dist/calcite/p-d708b76e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["cardGroupCss","CalciteCardGroupStyle0","CardGroup","this","items","udpateItemsOnSelectionModeChange","updateSlottedItems","slotRefEl","updateSelectedItems","updateItemsOnSlotChange","event","target","assignedElements","flatten","filter","el","matches","forEach","selectionMode","setSelectedItems","emit","elToMatch","matchingEl","selected","selectedItems","disabled","calciteCardGroupSelect","onSelectionModeChange","componentDidRender","updateHostInteraction","componentDidLoad","setComponentLoaded","componentWillLoad","setUpLoadableComponent","calciteInternalCardKeyEventListener","composedPath","includes","interactiveItems","detail","focusElementInGroup","calciteCardSelectListener","selectable","setFocus","componentLoaded","focusElement","render","role","h","Host","key","InteractiveContainer","label","class","onSlotchange","ref"],"sources":["src/components/card-group/card-group.scss?tag=calcite-card-group&encapsulation=shadow","src/components/card-group/card-group.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-card-group-gap: [Deprecated] Use `--calcite-card-group-space`. Specifies the gap between slotted elements.\n * @prop --calcite-card-group-space: Specifies the space between slotted elements.\n */\n\n:host {\n  @apply block;\n}\n\n.container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--calcite-card-group-space, var(--calcite-card-group-gap, var(--calcite-size-md)));\n}\n\n@include base-component();\n@include disabled();\n","import {\n  Component,\n  h,\n  VNode,\n  Prop,\n  Element,\n  Listen,\n  EventEmitter,\n  Event,\n  Method,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup } from \"../../utils/dom\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { SelectionMode } from \"../interfaces\";\nimport {\n  LoadableComponent,\n  componentLoaded,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n\n/**\n * @slot - A slot for adding one or more `calcite-card`s.\n */\n\n@Component({\n  tag: \"calcite-card-group\",\n  styleUrl: \"card-group.scss\",\n  shadow: true,\n})\nexport class CardGroup implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCardGroupElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies the selection mode of the component. */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"single\" | \"single-persist\" | \"none\",\n    SelectionMode\n  > = \"none\";\n\n  @Watch(\"selectionMode\")\n  onSelectionModeChange(): void {\n    this.udpateItemsOnSelectionModeChange();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteCardElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  private items: HTMLCalciteCardElement[] = [];\n\n  private slotRefEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selection changes and the `selectionMode` is not `none`. */\n  @Event({ cancelable: false }) calciteCardGroupSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalCardKeyEvent\")\n  calciteInternalCardKeyEventListener(event: KeyboardEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      const interactiveItems = this.items.filter((el) => !el.disabled);\n      switch (event.detail[\"key\"]) {\n        case \"ArrowRight\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"next\");\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"previous\");\n          break;\n        case \"Home\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"first\");\n          break;\n        case \"End\":\n          focusElementInGroup(interactiveItems, event.target as HTMLCalciteCardElement, \"last\");\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteCardSelect\")\n  calciteCardSelectListener(event: CustomEvent): void {\n    if (\n      event.composedPath().includes(this.el) &&\n      !(event.target as HTMLCalciteCardElement).selectable\n    ) {\n      this.setSelectedItems(true, event.target as HTMLCalciteCardElement);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentLoaded(this);\n    if (!this.disabled) {\n      focusElement(this.items[0]);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private udpateItemsOnSelectionModeChange = (): void => {\n    this.updateSlottedItems(this.slotRefEl);\n    this.updateSelectedItems();\n  };\n\n  private updateItemsOnSlotChange = (event: Event): void => {\n    this.updateSlottedItems(event.target as HTMLSlotElement);\n    this.updateSelectedItems();\n  };\n\n  private updateSlottedItems = (target: HTMLSlotElement): void => {\n    this.items = target\n      .assignedElements({ flatten: true })\n      .filter((el): el is HTMLCalciteCardElement => el?.matches(\"calcite-card\"));\n  };\n\n  private updateSelectedItems = (): void => {\n    this.items.forEach((el) => {\n      el.selectionMode = this.selectionMode;\n    });\n\n    this.setSelectedItems(false);\n  };\n\n  private setSelectedItems = (emit: boolean, elToMatch?: HTMLCalciteCardElement): void => {\n    if (elToMatch) {\n      this.items.forEach((el) => {\n        const matchingEl = elToMatch === el;\n        switch (this.selectionMode) {\n          case \"multiple\":\n            if (matchingEl) {\n              el.selected = !el.selected;\n            }\n            break;\n\n          case \"single\":\n            el.selected = matchingEl ? !el.selected : false;\n            break;\n\n          case \"single-persist\":\n            el.selected = !!matchingEl;\n            break;\n        }\n      });\n    }\n\n    this.selectedItems = this.items.filter((el) => el.selected);\n\n    if (emit && this.selectionMode !== \"none\" && !this.disabled) {\n      this.calciteCardGroupSelect.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const role =\n      this.selectionMode === \"none\" || this.selectionMode === \"multiple\" ? \"group\" : \"radiogroup\";\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div aria-label={this.label} class=\"container\" role={role}>\n            <slot\n              onSlotchange={this.updateItemsOnSlotChange}\n              ref={(el) => (this.slotRefEl = el as HTMLSlotElement)}\n            />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;gRAAA,MAAMA,EAAe,iiBACrB,MAAAC,EAAeD,E,MCmCFE,EAAS,M,wFA6CZC,KAAAC,MAAkC,GA0FlCD,KAAAE,iCAAmC,KACzCF,KAAKG,mBAAmBH,KAAKI,WAC7BJ,KAAKK,qBAAqB,EAGpBL,KAAAM,wBAA2BC,IACjCP,KAAKG,mBAAmBI,EAAMC,QAC9BR,KAAKK,qBAAqB,EAGpBL,KAAAG,mBAAsBK,IAC5BR,KAAKC,MAAQO,EACVC,iBAAiB,CAAEC,QAAS,OAC5BC,QAAQC,GAAqCA,GAAIC,QAAQ,iBAAgB,EAGtEb,KAAAK,oBAAsB,KAC5BL,KAAKC,MAAMa,SAASF,IAClBA,EAAGG,cAAgBf,KAAKe,aAAa,IAGvCf,KAAKgB,iBAAiB,MAAM,EAGtBhB,KAAAgB,iBAAmB,CAACC,EAAeC,KACzC,GAAIA,EAAW,CACblB,KAAKC,MAAMa,SAASF,IAClB,MAAMO,EAAaD,IAAcN,EACjC,OAAQZ,KAAKe,eACX,IAAK,WACH,GAAII,EAAY,CACdP,EAAGQ,UAAYR,EAAGQ,Q,CAEpB,MAEF,IAAK,SACHR,EAAGQ,SAAWD,GAAcP,EAAGQ,SAAW,MAC1C,MAEF,IAAK,iBACHR,EAAGQ,WAAaD,EAChB,M,IAKRnB,KAAKqB,cAAgBrB,KAAKC,MAAMU,QAAQC,GAAOA,EAAGQ,WAElD,GAAIH,GAAQjB,KAAKe,gBAAkB,SAAWf,KAAKsB,SAAU,CAC3DtB,KAAKuB,uBAAuBN,M,iBAxKI,M,wCAShC,O,mBAY+D,E,CATnE,qBAAAO,GACExB,KAAKE,kC,CAmCP,kBAAAuB,GACEC,EAAsB1B,K,CAGxB,gBAAA2B,GACEC,EAAmB5B,K,CAGrB,uBAAM6B,GACJC,EAAuB9B,K,CASzB,mCAAA+B,CAAoCxB,GAClC,GAAIA,EAAMyB,eAAeC,SAASjC,KAAKY,IAAK,CAC1C,MAAMsB,EAAmBlC,KAAKC,MAAMU,QAAQC,IAAQA,EAAGU,WACvD,OAAQf,EAAM4B,OAAO,QACnB,IAAK,aACHC,EAAoBF,EAAkB3B,EAAMC,OAAkC,QAC9E,MACF,IAAK,YACH4B,EAAoBF,EAAkB3B,EAAMC,OAAkC,YAC9E,MACF,IAAK,OACH4B,EAAoBF,EAAkB3B,EAAMC,OAAkC,SAC9E,MACF,IAAK,MACH4B,EAAoBF,EAAkB3B,EAAMC,OAAkC,QAC9E,M,EAMR,yBAAA6B,CAA0B9B,GACxB,GACEA,EAAMyB,eAAeC,SAASjC,KAAKY,MACjCL,EAAMC,OAAkC8B,WAC1C,CACAtC,KAAKgB,iBAAiB,KAAMT,EAAMC,O,EActC,cAAM+B,SACEC,EAAgBxC,MACtB,IAAKA,KAAKsB,SAAU,CAClBmB,EAAazC,KAAKC,MAAM,G,EAqE5B,MAAAyC,GACE,MAAMC,EACJ3C,KAAKe,gBAAkB,QAAUf,KAAKe,gBAAkB,WAAa,QAAU,aAEjF,OACE6B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACG,EAAoB,CAAAD,IAAA,2CAACxB,SAAUtB,KAAKsB,UACnCsB,EAAA,OAAAE,IAAA,wDAAiB9C,KAAKgD,MAAOC,MAAM,YAAYN,KAAMA,GACnDC,EAAA,QAAAE,IAAA,2CACEI,aAAclD,KAAKM,wBACnB6C,IAAMvC,GAAQZ,KAAKI,UAAYQ,M","ignoreList":[]}

package/dist/calcite/p-d739d936.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-var t={exports:{}};var n={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var e={exports:{}};var r=function t(n){if(!n||typeof n==="string"){return false}return n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&n.constructor.name!=="String")};var s=r;var o=Array.prototype.concat;var c=Array.prototype.slice;var i=e.exports=function t(n){var e=[];for(var r=0,i=n.length;r<i;r++){var a=n[r];if(s(a)){e=o.call(e,c.call(a))}else{e.push(a)}}return e};i.wrap=function(t){return function(){return t(i(arguments))}};var a=n;var l=e.exports;var u=Object.hasOwnProperty;var h=Object.create(null);for(var f in a){if(u.call(a,f)){h[a[f]]=f}}var d=t.exports={to:{},get:{}};d.get=function(t){var n=t.substring(0,3).toLowerCase();var e;var r;switch(n){case"hsl":e=d.get.hsl(t);r="hsl";break;case"hwb":e=d.get.hwb(t);r="hwb";break;default:e=d.get.rgb(t);r="rgb";break}if(!e){return null}return{model:r,value:e}};d.get.rgb=function(t){if(!t){return null}var n=/^#([a-f0-9]{3,4})$/i;var e=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var r=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var s=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var o=/^(\w+)$/;var c=[0,0,0,1];var i;var l;var h;if(i=t.match(e)){h=i[2];i=i[1];for(l=0;l<3;l++){var f=l*2;c[l]=parseInt(i.slice(f,f+2),16)}if(h){c[3]=parseInt(h,16)/255}}else if(i=t.match(n)){i=i[1];h=i[3];for(l=0;l<3;l++){c[l]=parseInt(i[l]+i[l],16)}if(h){c[3]=parseInt(h+h,16)/255}}else if(i=t.match(r)){for(l=0;l<3;l++){c[l]=parseInt(i[l+1],0)}if(i[4]){if(i[5]){c[3]=parseFloat(i[4])*.01}else{c[3]=parseFloat(i[4])}}}else if(i=t.match(s)){for(l=0;l<3;l++){c[l]=Math.round(parseFloat(i[l+1])*2.55)}if(i[4]){if(i[5]){c[3]=parseFloat(i[4])*.01}else{c[3]=parseFloat(i[4])}}}else if(i=t.match(o)){if(i[1]==="transparent"){return[0,0,0,0]}if(!u.call(a,i[1])){return null}c=a[i[1]];c[3]=1;return c}else{return null}for(l=0;l<3;l++){c[l]=b(c[l],0,255)}c[3]=b(c[3],0,1);return c};d.get.hsl=function(t){if(!t){return null}var n=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var e=t.match(n);if(e){var r=parseFloat(e[4]);var s=(parseFloat(e[1])%360+360)%360;var o=b(parseFloat(e[2]),0,100);var c=b(parseFloat(e[3]),0,100);var i=b(isNaN(r)?1:r,0,1);return[s,o,c,i]}return null};d.get.hwb=function(t){if(!t){return null}var n=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var e=t.match(n);if(e){var r=parseFloat(e[4]);var s=(parseFloat(e[1])%360+360)%360;var o=b(parseFloat(e[2]),0,100);var c=b(parseFloat(e[3]),0,100);var i=b(isNaN(r)?1:r,0,1);return[s,o,c,i]}return null};d.to.hex=function(){var t=l(arguments);return"#"+g(t[0])+g(t[1])+g(t[2])+(t[3]<1?g(Math.round(t[3]*255)):"")};d.to.rgb=function(){var t=l(arguments);return t.length<4||t[3]===1?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"};d.to.rgb.percent=function(){var t=l(arguments);var n=Math.round(t[0]/255*100);var e=Math.round(t[1]/255*100);var r=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+n+"%, "+e+"%, "+r+"%)":"rgba("+n+"%, "+e+"%, "+r+"%, "+t[3]+")"};d.to.hsl=function(){var t=l(arguments);return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};d.to.hwb=function(){var t=l(arguments);var n="";if(t.length>=4&&t[3]!==1){n=", "+t[3]}return"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+n+")"};d.to.keyword=function(t){return h[t.slice(0,3)]};function b(t,n,e){return Math.min(Math.max(n,t),e)}function g(t){var n=Math.round(t).toString(16).toUpperCase();return n.length<2?"0"+n:n}const p=n;const v={};for(const t of Object.keys(p)){v[p[t]]=t}const w={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var y=w;for(const t of Object.keys(w)){if(!("channels"in w[t])){throw new Error("missing channels property: "+t)}if(!("labels"in w[t])){throw new Error("missing channel labels property: "+t)}if(w[t].labels.length!==w[t].channels){throw new Error("channel and label counts mismatch: "+t)}const{channels:n,labels:e}=w[t];delete w[t].channels;delete w[t].labels;Object.defineProperty(w[t],"channels",{value:n});Object.defineProperty(w[t],"labels",{value:e})}w.rgb.hsl=function(t){const n=t[0]/255;const e=t[1]/255;const r=t[2]/255;const s=Math.min(n,e,r);const o=Math.max(n,e,r);const c=o-s;let i;let a;if(o===s){i=0}else if(n===o){i=(e-r)/c}else if(e===o){i=2+(r-n)/c}else if(r===o){i=4+(n-e)/c}i=Math.min(i*60,360);if(i<0){i+=360}const l=(s+o)/2;if(o===s){a=0}else if(l<=.5){a=c/(o+s)}else{a=c/(2-o-s)}return[i,a*100,l*100]};w.rgb.hsv=function(t){let n;let e;let r;let s;let o;const c=t[0]/255;const i=t[1]/255;const a=t[2]/255;const l=Math.max(c,i,a);const u=l-Math.min(c,i,a);const h=function(t){return(l-t)/6/u+1/2};if(u===0){s=0;o=0}else{o=u/l;n=h(c);e=h(i);r=h(a);if(c===l){s=r-e}else if(i===l){s=1/3+n-r}else if(a===l){s=2/3+e-n}if(s<0){s+=1}else if(s>1){s-=1}}return[s*360,o*100,l*100]};w.rgb.hwb=function(t){const n=t[0];const e=t[1];let r=t[2];const s=w.rgb.hsl(t)[0];const o=1/255*Math.min(n,Math.min(e,r));r=1-1/255*Math.max(n,Math.max(e,r));return[s,o*100,r*100]};w.rgb.cmyk=function(t){const n=t[0]/255;const e=t[1]/255;const r=t[2]/255;const s=Math.min(1-n,1-e,1-r);const o=(1-n-s)/(1-s)||0;const c=(1-e-s)/(1-s)||0;const i=(1-r-s)/(1-s)||0;return[o*100,c*100,i*100,s*100]};function m(t,n){return(t[0]-n[0])**2+(t[1]-n[1])**2+(t[2]-n[2])**2}w.rgb.keyword=function(t){const n=v[t];if(n){return n}let e=Infinity;let r;for(const n of Object.keys(p)){const s=p[n];const o=m(t,s);if(o<e){e=o;r=n}}return r};w.keyword.rgb=function(t){return p[t]};w.rgb.xyz=function(t){let n=t[0]/255;let e=t[1]/255;let r=t[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92;e=e>.04045?((e+.055)/1.055)**2.4:e/12.92;r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const s=n*.4124+e*.3576+r*.1805;const o=n*.2126+e*.7152+r*.0722;const c=n*.0193+e*.1192+r*.9505;return[s*100,o*100,c*100]};w.rgb.lab=function(t){const n=w.rgb.xyz(t);let e=n[0];let r=n[1];let s=n[2];e/=95.047;r/=100;s/=108.883;e=e>.008856?e**(1/3):7.787*e+16/116;r=r>.008856?r**(1/3):7.787*r+16/116;s=s>.008856?s**(1/3):7.787*s+16/116;const o=116*r-16;const c=500*(e-r);const i=200*(r-s);return[o,c,i]};w.hsl.rgb=function(t){const n=t[0]/360;const e=t[1]/100;const r=t[2]/100;let s;let o;let c;if(e===0){c=r*255;return[c,c,c]}if(r<.5){s=r*(1+e)}else{s=r+e-r*e}const i=2*r-s;const a=[0,0,0];for(let t=0;t<3;t++){o=n+1/3*-(t-1);if(o<0){o++}if(o>1){o--}if(6*o<1){c=i+(s-i)*6*o}else if(2*o<1){c=s}else if(3*o<2){c=i+(s-i)*(2/3-o)*6}else{c=i}a[t]=c*255}return a};w.hsl.hsv=function(t){const n=t[0];let e=t[1]/100;let r=t[2]/100;let s=e;const o=Math.max(r,.01);r*=2;e*=r<=1?r:2-r;s*=o<=1?o:2-o;const c=(r+e)/2;const i=r===0?2*s/(o+s):2*e/(r+e);return[n,i*100,c*100]};w.hsv.rgb=function(t){const n=t[0]/60;const e=t[1]/100;let r=t[2]/100;const s=Math.floor(n)%6;const o=n-Math.floor(n);const c=255*r*(1-e);const i=255*r*(1-e*o);const a=255*r*(1-e*(1-o));r*=255;switch(s){case 0:return[r,a,c];case 1:return[i,r,c];case 2:return[c,r,a];case 3:return[c,i,r];case 4:return[a,c,r];case 5:return[r,c,i]}};w.hsv.hsl=function(t){const n=t[0];const e=t[1]/100;const r=t[2]/100;const s=Math.max(r,.01);let o;let c;c=(2-e)*r;const i=(2-e)*s;o=e*s;o/=i<=1?i:2-i;o=o||0;c/=2;return[n,o*100,c*100]};w.hwb.rgb=function(t){const n=t[0]/360;let e=t[1]/100;let r=t[2]/100;const s=e+r;let o;if(s>1){e/=s;r/=s}const c=Math.floor(6*n);const i=1-r;o=6*n-c;if((c&1)!==0){o=1-o}const a=e+o*(i-e);let l;let u;let h;switch(c){default:case 6:case 0:l=i;u=a;h=e;break;case 1:l=a;u=i;h=e;break;case 2:l=e;u=i;h=a;break;case 3:l=e;u=a;h=i;break;case 4:l=a;u=e;h=i;break;case 5:l=i;u=e;h=a;break}return[l*255,u*255,h*255]};w.cmyk.rgb=function(t){const n=t[0]/100;const e=t[1]/100;const r=t[2]/100;const s=t[3]/100;const o=1-Math.min(1,n*(1-s)+s);const c=1-Math.min(1,e*(1-s)+s);const i=1-Math.min(1,r*(1-s)+s);return[o*255,c*255,i*255]};w.xyz.rgb=function(t){const n=t[0]/100;const e=t[1]/100;const r=t[2]/100;let s;let o;let c;s=n*3.2406+e*-1.5372+r*-.4986;o=n*-.9689+e*1.8758+r*.0415;c=n*.0557+e*-.204+r*1.057;s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92;o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92;c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92;s=Math.min(Math.max(0,s),1);o=Math.min(Math.max(0,o),1);c=Math.min(Math.max(0,c),1);return[s*255,o*255,c*255]};w.xyz.lab=function(t){let n=t[0];let e=t[1];let r=t[2];n/=95.047;e/=100;r/=108.883;n=n>.008856?n**(1/3):7.787*n+16/116;e=e>.008856?e**(1/3):7.787*e+16/116;r=r>.008856?r**(1/3):7.787*r+16/116;const s=116*e-16;const o=500*(n-e);const c=200*(e-r);return[s,o,c]};w.lab.xyz=function(t){const n=t[0];const e=t[1];const r=t[2];let s;let o;let c;o=(n+16)/116;s=e/500+o;c=o-r/200;const i=o**3;const a=s**3;const l=c**3;o=i>.008856?i:(o-16/116)/7.787;s=a>.008856?a:(s-16/116)/7.787;c=l>.008856?l:(c-16/116)/7.787;s*=95.047;o*=100;c*=108.883;return[s,o,c]};w.lab.lch=function(t){const n=t[0];const e=t[1];const r=t[2];let s;const o=Math.atan2(r,e);s=o*360/2/Math.PI;if(s<0){s+=360}const c=Math.sqrt(e*e+r*r);return[n,c,s]};w.lch.lab=function(t){const n=t[0];const e=t[1];const r=t[2];const s=r/360*2*Math.PI;const o=e*Math.cos(s);const c=e*Math.sin(s);return[n,o,c]};w.rgb.ansi16=function(t,n=null){const[e,r,s]=t;let o=n===null?w.rgb.hsv(t)[2]:n;o=Math.round(o/50);if(o===0){return 30}let c=30+(Math.round(s/255)<<2|Math.round(r/255)<<1|Math.round(e/255));if(o===2){c+=60}return c};w.hsv.ansi16=function(t){return w.rgb.ansi16(w.hsv.rgb(t),t[2])};w.rgb.ansi256=function(t){const n=t[0];const e=t[1];const r=t[2];if(n===e&&e===r){if(n<8){return 16}if(n>248){return 231}return Math.round((n-8)/247*24)+232}const s=16+36*Math.round(n/255*5)+6*Math.round(e/255*5)+Math.round(r/255*5);return s};w.ansi16.rgb=function(t){let n=t%10;if(n===0||n===7){if(t>50){n+=3.5}n=n/10.5*255;return[n,n,n]}const e=(~~(t>50)+1)*.5;const r=(n&1)*e*255;const s=(n>>1&1)*e*255;const o=(n>>2&1)*e*255;return[r,s,o]};w.ansi256.rgb=function(t){if(t>=232){const n=(t-232)*10+8;return[n,n,n]}t-=16;let n;const e=Math.floor(t/36)/5*255;const r=Math.floor((n=t%36)/6)/5*255;const s=n%6/5*255;return[e,r,s]};w.rgb.hex=function(t){const n=((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255);const e=n.toString(16).toUpperCase();return"000000".substring(e.length)+e};w.hex.rgb=function(t){const n=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n){return[0,0,0]}let e=n[0];if(n[0].length===3){e=e.split("").map((t=>t+t)).join("")}const r=parseInt(e,16);const s=r>>16&255;const o=r>>8&255;const c=r&255;return[s,o,c]};w.rgb.hcg=function(t){const n=t[0]/255;const e=t[1]/255;const r=t[2]/255;const s=Math.max(Math.max(n,e),r);const o=Math.min(Math.min(n,e),r);const c=s-o;let i;let a;if(c<1){i=o/(1-c)}else{i=0}if(c<=0){a=0}else if(s===n){a=(e-r)/c%6}else if(s===e){a=2+(r-n)/c}else{a=4+(n-e)/c}a/=6;a%=1;return[a*360,c*100,i*100]};w.hsl.hcg=function(t){const n=t[1]/100;const e=t[2]/100;const r=e<.5?2*n*e:2*n*(1-e);let s=0;if(r<1){s=(e-.5*r)/(1-r)}return[t[0],r*100,s*100]};w.hsv.hcg=function(t){const n=t[1]/100;const e=t[2]/100;const r=n*e;let s=0;if(r<1){s=(e-r)/(1-r)}return[t[0],r*100,s*100]};w.hcg.rgb=function(t){const n=t[0]/360;const e=t[1]/100;const r=t[2]/100;if(e===0){return[r*255,r*255,r*255]}const s=[0,0,0];const o=n%1*6;const c=o%1;const i=1-c;let a=0;switch(Math.floor(o)){case 0:s[0]=1;s[1]=c;s[2]=0;break;case 1:s[0]=i;s[1]=1;s[2]=0;break;case 2:s[0]=0;s[1]=1;s[2]=c;break;case 3:s[0]=0;s[1]=i;s[2]=1;break;case 4:s[0]=c;s[1]=0;s[2]=1;break;default:s[0]=1;s[1]=0;s[2]=i}a=(1-e)*r;return[(e*s[0]+a)*255,(e*s[1]+a)*255,(e*s[2]+a)*255]};w.hcg.hsv=function(t){const n=t[1]/100;const e=t[2]/100;const r=n+e*(1-n);let s=0;if(r>0){s=n/r}return[t[0],s*100,r*100]};w.hcg.hsl=function(t){const n=t[1]/100;const e=t[2]/100;const r=e*(1-n)+.5*n;let s=0;if(r>0&&r<.5){s=n/(2*r)}else if(r>=.5&&r<1){s=n/(2*(1-r))}return[t[0],s*100,r*100]};w.hcg.hwb=function(t){const n=t[1]/100;const e=t[2]/100;const r=n+e*(1-n);return[t[0],(r-n)*100,(1-r)*100]};w.hwb.hcg=function(t){const n=t[1]/100;const e=t[2]/100;const r=1-e;const s=r-n;let o=0;if(s<1){o=(r-s)/(1-s)}return[t[0],s*100,o*100]};w.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};w.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};w.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};w.gray.hsl=function(t){return[0,0,t[0]]};w.gray.hsv=w.gray.hsl;w.gray.hwb=function(t){return[0,100,t[0]]};w.gray.cmyk=function(t){return[0,0,0,t[0]]};w.gray.lab=function(t){return[t[0],0,0]};w.gray.hex=function(t){const n=Math.round(t[0]/100*255)&255;const e=(n<<16)+(n<<8)+n;const r=e.toString(16).toUpperCase();return"000000".substring(r.length)+r};w.rgb.gray=function(t){const n=(t[0]+t[1]+t[2])/3;return[n/255*100]};const M=y;function k(){const t={};const n=Object.keys(M);for(let e=n.length,r=0;r<e;r++){t[n[r]]={distance:-1,parent:null}}return t}function S(t){const n=k();const e=[t];n[t].distance=0;while(e.length){const t=e.pop();const r=Object.keys(M[t]);for(let s=r.length,o=0;o<s;o++){const s=r[o];const c=n[s];if(c.distance===-1){c.distance=n[t].distance+1;c.parent=t;e.unshift(s)}}}return n}function A(t,n){return function(e){return n(t(e))}}function $(t,n){const e=[n[t].parent,t];let r=M[n[t].parent][t];let s=n[t].parent;while(n[s].parent){e.unshift(n[s].parent);r=A(M[n[s].parent][s],r);s=n[s].parent}r.conversion=e;return r}var j=function(t){const n=S(t);const e={};const r=Object.keys(n);for(let t=r.length,s=0;s<t;s++){const t=r[s];const o=n[t];if(o.parent===null){continue}e[t]=$(t,n)}return e};const O=y;const F=j;const x={};const C=Object.keys(O);function I(t){const n=function(...n){const e=n[0];if(e===undefined||e===null){return e}if(e.length>1){n=e}return t(n)};if("conversion"in t){n.conversion=t.conversion}return n}function N(t){const n=function(...n){const e=n[0];if(e===undefined||e===null){return e}if(e.length>1){n=e}const r=t(n);if(typeof r==="object"){for(let t=r.length,n=0;n<t;n++){r[n]=Math.round(r[n])}}return r};if("conversion"in t){n.conversion=t.conversion}return n}C.forEach((t=>{x[t]={};Object.defineProperty(x[t],"channels",{value:O[t].channels});Object.defineProperty(x[t],"labels",{value:O[t].labels});const n=F(t);const e=Object.keys(n);e.forEach((e=>{const r=n[e];x[t][e]=N(r);x[t][e].raw=I(r)}))}));var q=x;const E=t.exports;const z=q;const H=["keyword","gray","hex"];const B={};for(const t of Object.keys(z)){B[[...z[t].labels].sort().join("")]=t}const G={};function L(t,n){if(!(this instanceof L)){return new L(t,n)}if(n&&n in H){n=null}if(n&&!(n in z)){throw new Error("Unknown model: "+n)}let e;let r;if(t==null){this.model="rgb";this.color=[0,0,0];this.valpha=1}else if(t instanceof L){this.model=t.model;this.color=[...t.color];this.valpha=t.valpha}else if(typeof t==="string"){const n=E.get(t);if(n===null){throw new Error("Unable to parse color from string: "+t)}this.model=n.model;r=z[this.model].channels;this.color=n.value.slice(0,r);this.valpha=typeof n.value[r]==="number"?n.value[r]:1}else if(t.length>0){this.model=n||"rgb";r=z[this.model].channels;const e=Array.prototype.slice.call(t,0,r);this.color=V(e,r);this.valpha=typeof t[r]==="number"?t[r]:1}else if(typeof t==="number"){this.model="rgb";this.color=[t>>16&255,t>>8&255,t&255];this.valpha=1}else{this.valpha=1;const n=Object.keys(t);if("alpha"in t){n.splice(n.indexOf("alpha"),1);this.valpha=typeof t.alpha==="number"?t.alpha:0}const r=n.sort().join("");if(!(r in B)){throw new Error("Unable to parse color from object: "+JSON.stringify(t))}this.model=B[r];const{labels:s}=z[this.model];const o=[];for(e=0;e<s.length;e++){o.push(t[s[e]])}this.color=V(o)}if(G[this.model]){r=z[this.model].channels;for(e=0;e<r;e++){const t=G[this.model][e];if(t){this.color[e]=t(this.color[e])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}L.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let n=this.model in E.to?this:this.rgb();n=n.round(typeof t==="number"?t:1);const e=n.valpha===1?n.color:[...n.color,this.valpha];return E.to[n.model](e)},percentString(t){const n=this.rgb().round(typeof t==="number"?t:1);const e=n.valpha===1?n.color:[...n.color,this.valpha];return E.to.rgb.percent(e)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){const t={};const{channels:n}=z[this.model];const{labels:e}=z[this.model];for(let r=0;r<n;r++){t[e[r]]=this.color[r]}if(this.valpha!==1){t.alpha=this.valpha}return t},unitArray(){const t=this.rgb().color;t[0]/=255;t[1]/=255;t[2]/=255;if(this.valpha!==1){t.push(this.valpha)}return t},unitObject(){const t=this.rgb().object();t.r/=255;t.g/=255;t.b/=255;if(this.valpha!==1){t.alpha=this.valpha}return t},round(t){t=Math.max(t||0,0);return new L([...this.color.map(_(t)),this.valpha],this.model)},alpha(t){if(t!==undefined){return new L([...this.color,Math.max(0,Math.min(1,t))],this.model)}return this.valpha},red:U("rgb",0,D(255)),green:U("rgb",1,D(255)),blue:U("rgb",2,D(255)),hue:U(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:U("hsl",1,D(100)),lightness:U("hsl",2,D(100)),saturationv:U("hsv",1,D(100)),value:U("hsv",2,D(100)),chroma:U("hcg",1,D(100)),gray:U("hcg",2,D(100)),white:U("hwb",1,D(100)),wblack:U("hwb",2,D(100)),cyan:U("cmyk",0,D(100)),magenta:U("cmyk",1,D(100)),yellow:U("cmyk",2,D(100)),black:U("cmyk",3,D(100)),x:U("xyz",0,D(95.047)),y:U("xyz",1,D(100)),z:U("xyz",2,D(108.833)),l:U("lab",0,D(100)),a:U("lab",1),b:U("lab",2),keyword(t){if(t!==undefined){return new L(t)}return z[this.model].keyword(this.color)},hex(t){if(t!==undefined){return new L(t)}return E.to.hex(this.rgb().round().color)},hexa(t){if(t!==undefined){return new L(t)}const n=this.rgb().round().color;let e=Math.round(this.valpha*255).toString(16).toUpperCase();if(e.length===1){e="0"+e}return E.to.hex(n)+e},rgbNumber(){const t=this.rgb().color;return(t[0]&255)<<16|(t[1]&255)<<8|t[2]&255},luminosity(){const t=this.rgb().color;const n=[];for(const[e,r]of t.entries()){const t=r/255;n[e]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*n[0]+.7152*n[1]+.0722*n[2]},contrast(t){const n=this.luminosity();const e=t.luminosity();if(n>e){return(n+.05)/(e+.05)}return(e+.05)/(n+.05)},level(t){const n=this.contrast(t);if(n>=7){return"AAA"}return n>=4.5?"AA":""},isDark(){const t=this.rgb().color;const n=(t[0]*2126+t[1]*7152+t[2]*722)/1e4;return n<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let n=0;n<3;n++){t.color[n]=255-t.color[n]}return t},lighten(t){const n=this.hsl();n.color[2]+=n.color[2]*t;return n},darken(t){const n=this.hsl();n.color[2]-=n.color[2]*t;return n},saturate(t){const n=this.hsl();n.color[1]+=n.color[1]*t;return n},desaturate(t){const n=this.hsl();n.color[1]-=n.color[1]*t;return n},whiten(t){const n=this.hwb();n.color[1]+=n.color[1]*t;return n},blacken(t){const n=this.hwb();n.color[2]+=n.color[2]*t;return n},grayscale(){const t=this.rgb().color;const n=t[0]*.3+t[1]*.59+t[2]*.11;return L.rgb(n,n,n)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const n=this.hsl();let e=n.color[0];e=(e+t)%360;e=e<0?360+e:e;n.color[0]=e;return n},mix(t,n){if(!t||!t.rgb){throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t)}const e=t.rgb();const r=this.rgb();const s=n===undefined?.5:n;const o=2*s-1;const c=e.alpha()-r.alpha();const i=((o*c===-1?o:(o+c)/(1+o*c))+1)/2;const a=1-i;return L.rgb(i*e.red()+a*r.red(),i*e.green()+a*r.green(),i*e.blue()+a*r.blue(),e.alpha()*s+r.alpha()*(1-s))}};for(const t of Object.keys(z)){if(H.includes(t)){continue}const{channels:n}=z[t];L.prototype[t]=function(...n){if(this.model===t){return new L(this)}if(n.length>0){return new L(n,t)}return new L([...J(z[this.model][t].raw(this.color)),this.valpha],t)};L[t]=function(...e){let r=e[0];if(typeof r==="number"){r=V(e,n)}return new L(r,t)}}function R(t,n){return Number(t.toFixed(n))}function _(t){return function(n){return R(n,t)}}function U(t,n,e){t=Array.isArray(t)?t:[t];for(const r of t){(G[r]||(G[r]=[]))[n]=e}t=t[0];return function(r){let s;if(r!==undefined){if(e){r=e(r)}s=this[t]();s.color[n]=r;return s}s=this[t]().color[n];if(e){s=e(s)}return s}}function D(t){return function(n){return Math.max(0,Math.min(t,n))}}function J(t){return Array.isArray(t)?t:[t]}function V(t,n){for(let e=0;e<n;e++){if(typeof t[e]!=="number"){t[e]=0}}return t}var X=L;const K=X;const P={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"};const Q=K("#007AC2");const T="calcite-color-";const W={r:255,g:255,b:255};const Y={h:360,s:100,v:100};const Z=Y.h-1;const tt={min:0,max:100};const nt={s:{slider:{height:12,width:104},colorField:{height:80,width:160},thumb:{radius:7},preview:{size:20}},m:{slider:{height:12,width:204},colorField:{height:150,width:272},thumb:{radius:7},preview:{size:24}},l:{slider:{height:12,width:384},colorField:{height:200,width:464},thumb:{radius:7},preview:{size:32}}};const et=1;const rt=/^[0-9A-F]$/i;const st=/^#[0-9A-F]{3}$/i;const ot=/^#[0-9A-F]{6}$/i;const ct=/^#[0-9A-F]{4}$/i;const it=/^#[0-9A-F]{8}$/i;const at=t=>Number((t*100).toFixed());const lt=t=>Number((t/100).toFixed(2));function ut(t,n=false){return ft(t,n)||dt(t,n)}function ht(t,n,e){if(!t){return false}return t.length===n&&e.test(t)}function ft(t,n=false){const e=n?5:4;const r=n?ct:st;return ht(t,e,r)}function dt(t,n=false){const e=n?9:7;const r=n?it:ot;return ht(t,e,r)}function bt(t,n=false,e=false){t=t.toLowerCase();if(!t.startsWith("#")){t=`#${t}`}if(ft(t,n)){return pt(mt(t,n))}if(n&&e&&ut(t,false)){const n=ft(t,false);return pt(mt(`${t}${n?"f":"ff"}`,true))}return t}function gt(t,n=false){return n?t.hexa():t.hex()}function pt(t){const{r:n,g:e,b:r}=t;const s=vt(n);const o=vt(e);const c=vt(r);const i="a"in t?vt(t.a*255):"";return`#${s}${o}${c}${i}`.toLowerCase()}function vt(t){return t.toString(16).padStart(2,"0")}function wt(t){const n={...t,a:t.alpha??1};delete n.alpha;return n}function yt(t){const n={...t,alpha:t.a??1};delete n.a;return n}function mt(t,n=false){if(!ut(t,n)){return null}t=t.replace("#","");let e;let r;let s;let o;const c=t.length===3||t.length===4;if(c){const[n,c,i,a]=t.split("");e=parseInt(`${n}${n}`,16);r=parseInt(`${c}${c}`,16);s=parseInt(`${i}${i}`,16);o=parseInt(`${a}${a}`,16)/255}else{e=parseInt(t.slice(0,2),16);r=parseInt(t.slice(2,4),16);s=parseInt(t.slice(4,6),16);o=parseInt(t.slice(6,8),16)/255}return isNaN(o)?{r:e,g:r,b:s}:{r:e,g:r,b:s,a:o}}const Mt=t=>t;const kt=Mt({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"});const St=Mt({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function At(t){if(typeof t==="string"){if(t.startsWith("#")){const{length:n}=t;if(n===4||n===7){return kt.HEX}if(n===5||n===9){return kt.HEXA}}if(t.startsWith("rgba(")){return kt.RGBA_CSS}if(t.startsWith("rgb(")){return kt.RGB_CSS}if(t.startsWith("hsl(")){return kt.HSL_CSS}if(t.startsWith("hsla(")){return kt.HSLA_CSS}}if(typeof t==="object"){if($t(t,"r","g","b")){return $t(t,"a")?St.RGBA:St.RGB}if($t(t,"h","s","l")){return $t(t,"a")?St.HSLA:St.HSL}if($t(t,"h","s","v")){return $t(t,"a")?St.HSVA:St.HSV}}return null}function $t(t,...n){return n.every((n=>n&&t&&`${n}`in t))}function jt(t,n){return t?.rgb().array().toString()===n?.rgb().array().toString()}function Ot(t){return t===kt.HEXA||t===kt.RGBA_CSS||t===kt.HSLA_CSS||t===St.RGBA||t===St.HSLA||t===St.HSVA}function Ft(t){const n=t===kt.HEX?kt.HEXA:t===kt.RGB_CSS?kt.RGBA_CSS:t===kt.HSL_CSS?kt.HSLA_CSS:t===St.RGB?St.RGBA:t===St.HSL?St.HSLA:t===St.HSV?St.HSVA:t;return n}function xt(t){const n=t===kt.HEXA?kt.HEX:t===kt.RGBA_CSS?kt.RGB_CSS:t===kt.HSLA_CSS?kt.HSL_CSS:t===St.RGBA?St.RGB:t===St.HSLA?St.HSL:t===St.HSVA?St.HSV:t;return n}function Ct(t,n){const{slider:{width:e},preview:r}=t;if(n){return e}const s=nt["l"].preview.size-r.size;return e+s}export{kt as C,Q as D,Y as H,tt as O,W as R,et as S,gt as a,K as b,P as c,at as d,nt as e,Ot as f,Ct as g,mt as h,ut as i,yt as j,jt as k,wt as l,Z as m,bt as n,lt as o,At as p,T as q,Ft as r,dt as s,xt as t,ft as u,pt as v,rt as w};
-//# sourceMappingURL=p-d739d936.js.map

package/dist/calcite/p-d7fa6029.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as t,c as e,h as i,H as s,g as n}from"./p-0a2f91d4.js";import{b as o,t as a,e as r,h as l}from"./p-806dc8f8.js";import{g as c}from"./p-fe34acf8.js";import{s as d,a as h,c as u}from"./p-65e04a6e.js";import{N as m,c as f,d as p}from"./p-2abe8907.js";import{o as g}from"./p-a43e0249.js";import{c as b,s as v,d as k,u as x}from"./p-f0661425.js";import{K as w}from"./p-30815b03.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-df6c8bd7.js";import"./p-103c1961.js";import"./p-966e4808.js";const y={slow:14e3,medium:1e4,fast:6e3};const z={actionsEnd:"actions-end",title:"title",message:"message",link:"link"};const C={actionsEnd:"actions-end",close:"close",container:"container",containerBottom:"container--bottom",containerBottomEnd:"container--bottom-end",containerBottomStart:"container--bottom-start",containerActive:"container--active",containerTop:"container--top",containerTopEnd:"container--top-end",containerTopStart:"container--top-start",content:"content",contentContainer:"content-container",dismissProgress:"dismiss-progress",footer:"footer",icon:"icon",containerEmbedded:"container--embedded",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container",focused:"focused"};const j=300;class A{constructor(){this.registeredElements=[];this.queueTimeoutId=null}registerElement(t){const{registeredElements:e}=this;if(!e.includes(t)){switch(t.queue){case"immediate":e.unshift(t);break;case"next":e.splice(1,0,t);break;case"last":e.push(t);break}this.updateAlerts()}}unregisterElement(t){const{registeredElements:e}=this;const i=e.indexOf(t);if(i!==-1){e.splice(i,1)}t.active=false;this.updateAlerts()}updateAlerts(){window.clearTimeout(this.queueTimeoutId);this.queueTimeoutId=null;this.registeredElements.forEach(((t,e)=>{t.openAlertCount=this.registeredElements.length;if(e===0){this.queueTimeoutId=window.setTimeout((()=>t.active=true),j)}else{t.active=false}}))}}const q=':host{--calcite-internal-alert-edge-distance:2rem;display:block;inline-size:var(--calcite-alert-width)}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;text-align:start;opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--calcite-alert-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow));background-color:var(--calcite-alert-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);max-inline-size:calc(100% - var(--calcite-internal-alert-edge-distance) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-internal-alert-edge-distance), 0);inset-block-end:var(--calcite-internal-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-internal-alert-edge-distance)), 0);inset-block-start:var(--calcite-internal-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-internal-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-internal-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;border-start-end-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-end-end-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));outline-color:transparent}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress::after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-color-transparent-tint);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-internal-alert-min-height:3.5rem;inline-size:var(--calcite-alert-width, 40em)}:host([scale=s]) .close{padding:0.75rem}:host([scale=s]) .icon{padding-inline-start:0.75rem}:host([scale=s]) .text-container{padding-block:0.5rem;padding-inline:0.75rem 0.5rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-internal-alert-min-height:4.1875rem;inline-size:var(--calcite-alert-width, 50em)}:host([scale=m]) .close{padding:1rem}:host([scale=m]) .icon{padding-inline-start:1rem}:host([scale=m]) .text-container{padding-block:0.75rem;padding-inline:1rem 0.75rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-internal-alert-min-height:5.625rem;inline-size:var(--calcite-alert-width, 60em)}:host([scale=l]) .close{padding:1.25rem}:host([scale=l]) .icon{padding-inline-start:1.25rem}:host([scale=l]) .text-container{padding-block:1rem;padding-inline:1.25rem 1rem}:host([open]) .container--active{border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-internal-alert-edge-distance)), inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0, var(--calcite-internal-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);margin-inline-end:0.5rem;color:var(--calcite-color-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress::after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}';const D=q;const E=new A;const S=class{constructor(i){t(this,i);this.calciteAlertBeforeClose=e(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=e(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=e(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=e(this,"calciteAlertOpen",6);this.handleKeyBoardFocus=()=>{this.isFocused=true;this.handleFocus()};this.handleKeyBoardBlur=()=>{this.isFocused=false;if(!this.isHovered){this.handleBlur()}};this.autoCloseTimeoutId=null;this.totalOpenTime=0;this.totalHoverTime=0;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.closeAlert=()=>{this.open=false;this.clearAutoCloseTimeout()};this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=o(t)};this.handleMouseOver=()=>{this.isHovered=true;this.handleFocus()};this.handleMouseLeave=()=>{this.isHovered=false;if(!this.isFocused){this.handleBlur()}};this.handleFocus=()=>{this.clearAutoCloseTimeout();this.totalOpenTime=Date.now()-this.initialOpenTime;this.lastMouseOverBegin=Date.now()};this.handleBlur=()=>{const t=Date.now()-this.lastMouseOverBegin;const e=y[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?t+this.totalHoverTime:t;this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),e)};this.active=false;this.openAlertCount=0;this.open=false;this.autoClose=false;this.autoCloseDuration="medium";this.embedded=false;this.kind="brand";this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.numberingSystem=undefined;this.placement="bottom";this.scale="m";this.messages=undefined;this.messageOverrides=undefined;this.queue="last";this.defaultMessages=undefined;this.effectiveLocale="";this.numberStringFormatter=new m;this.hasEndActions=false;this.isFocused=false}handleActiveChange(){this.clearAutoCloseTimeout();if(this.active&&this.autoClose&&!this.autoCloseTimeoutId){this.initialOpenTime=Date.now();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}openHandler(){g(this);if(this.open){E.registerElement(this.el)}else{E.unregisterElement(this.el)}}updateDuration(){if(this.autoClose&&this.autoCloseTimeoutId){this.clearAutoCloseTimeout();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}onMessagesChange(){}handleQueueChange(){if(this.open){E.unregisterElement(this.el);E.registerElement(this.el)}}connectedCallback(){f(this);b(this);const t=this.open;if(t){E.registerElement(this.el)}this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}async componentWillLoad(){d(this);await v(this);if(this.open){g(this)}}componentDidLoad(){h(this)}disconnectedCallback(){E.unregisterElement(this.el);this.clearAutoCloseTimeout();p(this);k(this);this.embedded=false}render(){const{open:t,autoClose:e,label:n,placement:o,active:r,openAlertCount:c}=this;const d=e?"alert":"alertdialog";const h=!t;const u=l(w,this.icon,this.kind);const m=c>1;return i(s,{key:"cecedeaa678e4f6e22fd2aabc4d29bc8589430f6","aria-hidden":a(h),"aria-label":n,"calcite-hydrated-hidden":h,role:d},i("div",{key:"ca85d5f5ec313f3a305e01dcc8cbbad9647dd516",class:{[C.container]:true,[C.containerActive]:r,[`${C.container}--${o}`]:true,[C.containerEmbedded]:this.embedded,[C.focused]:this.isFocused},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose?this.handleMouseLeave:null,ref:this.setTransitionEl},u&&this.renderIcon(u),i("div",{key:"1f72f255c3e0630eed63bb62d3d50f4a2ba6a528",class:C.textContainer,onFocusin:this.autoClose&&this.autoCloseTimeoutId?this.handleKeyBoardFocus:null,onFocusout:this.autoClose?this.handleKeyBoardBlur:null},i("slot",{key:"aade607960adea0a10f5eac85b119444085c9cf9",name:z.title}),i("slot",{key:"1f47158cfbf8c0626cd49246142fb750311b1d4a",name:z.message}),i("slot",{key:"5ba06e024b517f23168311828cc8ce41c21926a6",name:z.link})),this.renderActionsEnd(),m?this.renderQueueCount():null,this.renderCloseButton(),t&&r&&e?i("div",{class:C.dismissProgress}):null))}renderCloseButton(){return i("button",{"aria-label":this.messages.close,class:C.close,key:"close",onClick:this.closeAlert,onFocusin:this.autoClose?this.handleKeyBoardFocus:null,onFocusout:this.autoClose?this.handleKeyBoardBlur:null,ref:t=>this.closeButton=t,type:"button"},i("calcite-icon",{icon:"x",scale:c(this.scale)}))}renderQueueCount(){const{openAlertCount:t}=this;const e=t>2?t-1:1;const s=this.numberStringFormatter.numberFormatter.format(e);return i("div",{class:{[C.queueCount]:true,[C.queueCountActive]:t>1},key:"queue-count"},i("calcite-chip",{scale:this.scale,value:s},s))}renderActionsEnd(){return i("div",{class:C.actionsEnd},i("slot",{name:z.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderIcon(t){return i("div",{class:C.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:t,scale:c(this.scale)}))}async setFocus(){await u(this);const t=r(this.el,{selector:"calcite-link"});if(!this.closeButton&&!t){return}else if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}effectiveLocaleChange(){x(this,this.effectiveLocale);this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}clearAutoCloseTimeout(){window.clearTimeout(this.autoCloseTimeoutId);this.autoCloseTimeoutId=null}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{active:["handleActiveChange"],open:["openHandler"],autoCloseDuration:["updateDuration"],messageOverrides:["onMessagesChange"],queue:["handleQueueChange"],effectiveLocale:["effectiveLocaleChange"],numberingSystem:["numberingSystemChange"]}}};S.style=D;export{S as calcite_alert};
-//# sourceMappingURL=p-d7fa6029.entry.js.map

package/dist/calcite/p-d7fa6029.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DURATIONS","slow","medium","fast","SLOTS","actionsEnd","title","message","link","CSS","close","container","containerBottom","containerBottomEnd","containerBottomStart","containerActive","containerTop","containerTopEnd","containerTopStart","content","contentContainer","dismissProgress","footer","icon","containerEmbedded","queueCount","queueCountActive","textContainer","focused","alertQueueTimeoutMs","AlertManager","constructor","this","registeredElements","queueTimeoutId","registerElement","alert","includes","queue","unshift","splice","push","updateAlerts","unregisterElement","index","indexOf","active","window","clearTimeout","forEach","openAlertCount","length","setTimeout","alertCss","CalciteAlertStyle0","manager","Alert","handleKeyBoardFocus","isFocused","handleFocus","handleKeyBoardBlur","isHovered","handleBlur","autoCloseTimeoutId","totalOpenTime","totalHoverTime","openTransitionProp","setTransitionEl","el","transitionEl","closeAlert","open","clearAutoCloseTimeout","actionsEndSlotChangeHandler","event","hasEndActions","slotChangeHasAssignedElement","handleMouseOver","handleMouseLeave","Date","now","initialOpenTime","lastMouseOverBegin","hoverDuration","timeRemaining","autoCloseDuration","NumberStringFormat","handleActiveChange","autoClose","openHandler","onToggleOpenCloseComponent","updateDuration","onMessagesChange","handleQueueChange","connectedCallback","connectLocalized","connectMessages","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","signDisplay","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLocalized","disconnectMessages","embedded","render","label","placement","role","hidden","effectiveIcon","setRequestedIcon","KindIcons","kind","hasQueuedAlerts","h","Host","key","toAriaBoolean","class","onPointerEnter","onPointerLeave","ref","renderIcon","onFocusin","onFocusout","name","renderActionsEnd","renderQueueCount","renderCloseButton","messages","onClick","closeButton","type","scale","getIconScale","queueNumber","queueText","numberFormatter","format","value","onSlotchange","flipRtl","iconFlipRtl","setFocus","componentFocusable","alertLinkEl","getSlotted","selector","focus","effectiveLocaleChange","updateMessages","numberingSystemChange","onBeforeOpen","calciteAlertBeforeOpen","emit","onOpen","calciteAlertOpen","onBeforeClose","calciteAlertBeforeClose","onClose","calciteAlertClose"],"sources":["src/components/alert/resources.ts","src/components/alert/AlertManager.ts","src/components/alert/alert.scss?tag=calcite-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["export const DURATIONS = {\n  slow: 14000,\n  medium: 10000,\n  fast: 6000,\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  title: \"title\",\n  message: \"message\",\n  link: \"link\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  close: \"close\",\n  container: \"container\",\n  containerBottom: \"container--bottom\",\n  containerBottomEnd: \"container--bottom-end\",\n  containerBottomStart: \"container--bottom-start\",\n  containerActive: \"container--active\",\n  containerTop: \"container--top\",\n  containerTopEnd: \"container--top-end\",\n  containerTopStart: \"container--top-start\",\n  content: \"content\",\n  contentContainer: \"content-container\",\n  dismissProgress: \"dismiss-progress\",\n  footer: \"footer\",\n  icon: \"icon\",\n  containerEmbedded: \"container--embedded\",\n  queueCount: \"queue-count\",\n  queueCountActive: \"queue-count--active\",\n  textContainer: \"text-container\",\n  focused: \"focused\",\n};\n","export const alertQueueTimeoutMs = 300;\n\nexport default class AlertManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  private registeredElements: HTMLCalciteAlertElement[] = [];\n\n  private queueTimeoutId: number = null;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  registerElement(alert: HTMLCalciteAlertElement): void {\n    const { registeredElements } = this;\n\n    if (!registeredElements.includes(alert)) {\n      switch (alert.queue) {\n        case \"immediate\":\n          registeredElements.unshift(alert);\n          break;\n        case \"next\":\n          registeredElements.splice(1, 0, alert);\n          break;\n        case \"last\":\n          registeredElements.push(alert);\n          break;\n      }\n\n      this.updateAlerts();\n    }\n  }\n\n  unregisterElement(alert: HTMLCalciteAlertElement): void {\n    const { registeredElements } = this;\n\n    const index = registeredElements.indexOf(alert);\n\n    if (index !== -1) {\n      registeredElements.splice(index, 1);\n    }\n\n    alert.active = false;\n    this.updateAlerts();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateAlerts(): void {\n    window.clearTimeout(this.queueTimeoutId);\n    this.queueTimeoutId = null;\n\n    this.registeredElements.forEach((alert, index) => {\n      alert.openAlertCount = this.registeredElements.length;\n\n      if (index === 0) {\n        this.queueTimeoutId = window.setTimeout(() => (alert.active = true), alertQueueTimeoutMs);\n      } else {\n        alert.active = false;\n      }\n    });\n  }\n}\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-alert-width: Specifies the width of the component.\n * @prop --calcite-alert-background-color: Specifies the component's background color.\n * @prop --calcite-alert-corner-radius: Specifies the component's corner radius.\n * @prop --calcite-alert-shadow: Specifies the component's shadow.\n */\n\n$border-style: 1px solid var(--calcite-color-border-3);\n\n:host {\n  --calcite-internal-alert-edge-distance: theme(\"spacing.8\");\n  @apply block;\n\n  inline-size: var(--calcite-alert-width);\n}\n\n.container {\n  @apply box-border\n  fixed\n  flex\n  items-center\n  justify-center\n  min-w-min\n  mx-auto\n  my-0\n  opacity-0\n  pointer-events-none\n  text-start\n  w-full\n  z-toast;\n\n  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);\n  box-shadow: var(\n    --calcite-alert-shadow,\n    (var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow))\n  );\n  background-color: var(--calcite-alert-background-color, var(--calcite-color-foreground-1));\n  border-radius: var(--calcite-alert-corner-radius, var(--calcite-border-radius));\n  border-block-start: 0 solid transparent;\n  border-inline: $border-style;\n  border-block-end: $border-style;\n  max-inline-size: calc(100% - (var(--calcite-internal-alert-edge-distance) * 2));\n  transition:\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function,\n    all var(--calcite-animation-timing) ease-in-out;\n\n  &--bottom,\n  &--top {\n    inset-inline-end: 0;\n    inset-inline-start: 0;\n  }\n  &[class*=\"bottom\"] {\n    transform: translate3d(0, var(--calcite-internal-alert-edge-distance), 0);\n    inset-block-end: var(--calcite-internal-alert-edge-distance);\n  }\n  &[class*=\"top\"] {\n    transform: translate3d(0, calc(-1 * var(--calcite-internal-alert-edge-distance)), 0);\n    inset-block-start: var(--calcite-internal-alert-edge-distance);\n  }\n  &[class*=\"start\"] {\n    inset-inline-start: var(--calcite-internal-alert-edge-distance);\n    inset-inline-end: auto;\n  }\n  &[class*=\"end\"] {\n    inset-inline-end: var(--calcite-internal-alert-edge-distance);\n    inset-inline-start: auto;\n  }\n}\n\n.icon {\n  @apply flex flex-col items-center justify-center p-0;\n  margin-block: auto;\n  margin-inline-end: auto;\n}\n\n.close {\n  @apply bg-transparent border-none cursor-pointer flex items-center justify-end outline-none self-stretch text-color-3;\n  -webkit-appearance: none;\n  border-start-end-radius: var(--calcite-alert-corner-radius, var(--calcite-border-radius));\n  border-end-end-radius: var(--calcite-alert-corner-radius, var(--calcite-border-radius));\n\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover,\n  &:focus {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-2);\n  }\n\n  &:active {\n    background-color: var(--calcite-color-foreground-3);\n  }\n}\n\n.queue-count {\n  @apply cursor-default\n  flex\n  font-medium\n  invisible\n  items-center\n  justify-around\n  min-w-min\n  opacity-0\n  overflow-hidden\n  self-stretch\n  text-center\n  text-color-2\n  transition-default;\n  border-inline: 0 solid transparent;\n  border-start-end-radius: 0;\n\n  &--active {\n    @apply visible opacity-100;\n  }\n}\n\n.dismiss-progress {\n  @apply absolute\n  block\n  w-full\n  overflow-hidden;\n  inset-inline: 0;\n  inset-block-start: -2px;\n  block-size: 2px;\n  border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n  &::after {\n    @apply absolute\n    top-0\n    block;\n    block-size: 2px;\n    content: \"\";\n    background-color: var(--calcite-color-transparent-tint);\n    inset-inline-end: 0;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch;\n}\n\n.text-container {\n  @apply box-border flex flex-auto min-w-0 flex-col break-words;\n}\n\n.footer {\n  @apply flex justify-end pt-px relative self-stretch w-auto;\n  block-size: inherit;\n}\n\n// scale variables\n:host([scale=\"s\"]) {\n  @include slotted(\"title\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-n2-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-n2-wrap;\n  }\n  .queue-count {\n    @apply mx-2;\n  }\n  .container {\n    --calcite-internal-alert-min-height: 3.5rem;\n    inline-size: var(--calcite-alert-width, 40em);\n  }\n  .close {\n    padding: theme(\"spacing.3\");\n  }\n  .icon {\n    padding-inline-start: theme(\"spacing.3\");\n  }\n  .text-container {\n    padding-block: theme(\"spacing.2\");\n    padding-inline: theme(\"spacing.3\") theme(\"spacing.2\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  @include slotted(\"title\", \"*\") {\n    @apply text-0-wrap;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-n1-wrap;\n  }\n  .queue-count {\n    @apply mx-3;\n  }\n  .container {\n    --calcite-internal-alert-min-height: 4.1875rem;\n    inline-size: var(--calcite-alert-width, 50em);\n  }\n  .close {\n    padding: theme(\"spacing.4\");\n  }\n  .icon {\n    padding-inline-start: theme(\"spacing.4\");\n  }\n  .text-container {\n    padding-block: theme(\"spacing.3\");\n    padding-inline: theme(\"spacing.4\") theme(\"spacing.3\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  @include slotted(\"title\", \"*\") {\n    @apply text-1-wrap mb-1;\n  }\n  @include slotted(\"message\", \"*\") {\n    @apply text-0-wrap;\n  }\n  @include slotted(\"link\", \"*\") {\n    @apply text-0-wrap;\n  }\n  .queue-count {\n    @apply mx-4;\n  }\n  .container {\n    --calcite-internal-alert-min-height: 5.625rem;\n    inline-size: var(--calcite-alert-width, 60em);\n  }\n  .close {\n    padding: theme(\"spacing.5\");\n  }\n  .icon {\n    padding-inline-start: theme(\"spacing.5\");\n  }\n  .text-container {\n    padding-block: theme(\"spacing.4\");\n    padding-inline: theme(\"spacing.5\") theme(\"spacing.4\");\n  }\n}\n\n:host([open]) {\n  .container--active {\n    @apply border-t-2 opacity-100;\n    pointer-events: initial;\n    &[class*=\"bottom\"] {\n      transform: translate3d(0, calc(-1 * var(--calcite-internal-alert-edge-distance)), inherit);\n    }\n    &[class*=\"top\"] {\n      transform: translate3d(0, var(--calcite-internal-alert-edge-distance), inherit);\n    }\n  }\n}\n\n:host([auto-close]) > .queue-count {\n  border-inline-end: 0 solid transparent;\n}\n\n@include slotted(\"title\", \"*\") {\n  @apply text-0-wrap\n    font-medium;\n\n  color: var(--calcite-color-text-1);\n}\n\n@include slotted(\"message\", \"*\") {\n  @apply text-n1-wrap\n    m-0\n    inline\n    font-normal;\n  margin-inline-end: theme(\"margin.2\");\n  color: var(--calcite-color-text-2);\n}\n\n@include slotted(\"link\", \"*\") {\n  @apply text-color-link inline-flex;\n}\n\n$alert-kinds:\n  \"brand\" var(--calcite-color-brand),\n  \"info\" var(--calcite-color-status-info),\n  \"danger\" var(--calcite-color-status-danger),\n  \"success\" var(--calcite-color-status-success),\n  \"warning\" var(--calcite-color-status-warning);\n\n@each $alert-kind in $alert-kinds {\n  $name: nth($alert-kind, 1);\n  $kind: nth($alert-kind, 2);\n\n  :host([kind=\"#{$name}\"]) {\n    .container {\n      border-block-start-color: $kind;\n\n      & .icon {\n        color: $kind;\n      }\n    }\n  }\n}\n\n$alert-durations:\n  \"fast\" 6000ms,\n  \"medium\" 10000ms,\n  \"slow\" 14000ms;\n\n@each $alert-duration in $alert-durations {\n  $name: nth($alert-duration, 1);\n  $duration: nth($alert-duration, 2);\n\n  :host([auto-close-duration=\"#{$name}\"]) .dismiss-progress:after {\n    animation: dismissProgress $duration ease-out;\n  }\n  :host(:hover[auto-close-duration=\"#{$name}\"]) .dismiss-progress:after,\n  :host(:focus[auto-close-duration=\"#{$name}\"]) .dismiss-progress:after {\n    animation-play-state: paused;\n  }\n}\n\n.container.focused .dismiss-progress::after {\n  animation-play-state: paused;\n}\n\n@keyframes dismissProgress {\n  0% {\n    @apply w-0 opacity-75;\n  }\n  100% {\n    @apply w-full opacity-100;\n  }\n}\n\n/**\n * Conditional styles for when Alert is slotted in Shell\n */\n.container--embedded {\n  @apply absolute;\n}\n\n@include base-component();\n@include calcite-hydrated-hidden();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getSlotted,\n  setRequestedIcon,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { MenuPlacement } from \"../../utils/floating-ui\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  NumberingSystem,\n  NumberStringFormat,\n} from \"../../utils/locale\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Kind, Scale } from \"../interfaces\";\nimport { KindIcons } from \"../resources\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { AlertMessages } from \"./assets/alert/t9n\";\nimport { AlertDuration, AlertQueue } from \"./interfaces\";\nimport { CSS, DURATIONS, SLOTS } from \"./resources\";\nimport AlertManager from \"./AlertManager\";\n\nconst manager = new AlertManager();\n\n/**\n * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned\n * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.\n */\n\n/**\n * @slot title - A slot for adding a title to the component.\n * @slot message - A slot for adding main text to the component.\n * @slot link - A slot for adding a `calcite-action` to take from the component such as: \"undo\", \"try again\", \"link to page\", etc.\n * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions.\n */\n\n@Component({\n  tag: \"calcite-alert\",\n  styleUrl: \"alert.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Alert implements OpenCloseComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //---------------------------------------------------------------------------\n\n  /**\n   * This internal property, managed by the AlertManager, is used\n   * to inform the component if it is the active open Alert.\n   *\n   * @internal\n   */\n  @Prop() active = false;\n\n  @Watch(\"active\")\n  handleActiveChange(): void {\n    this.clearAutoCloseTimeout();\n    if (this.active && this.autoClose && !this.autoCloseTimeoutId) {\n      this.initialOpenTime = Date.now();\n      this.autoCloseTimeoutId = window.setTimeout(\n        () => this.closeAlert(),\n        DURATIONS[this.autoCloseDuration],\n      );\n    }\n  }\n\n  /**\n   * This internal property, managed by the AlertManager, is used\n   * to inform the component of how many alerts are currently open.\n   *\n   * @internal\n   */\n  @Prop() openAlertCount = 0;\n\n  /** When `true`, displays and positions the component. */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n    if (this.open) {\n      manager.registerElement(this.el);\n    } else {\n      manager.unregisterElement(this.el);\n    }\n  }\n\n  /** When `true`, the component closes automatically. Recommended for passive, non-blocking alerts. */\n  @Prop({ reflect: true }) autoClose = false;\n\n  /** Specifies the duration before the component automatically closes - only use with `autoClose`. */\n  @Prop({ reflect: true }) autoCloseDuration: AlertDuration = \"medium\";\n\n  @Watch(\"autoCloseDuration\")\n  updateDuration(): void {\n    if (this.autoClose && this.autoCloseTimeoutId) {\n      this.clearAutoCloseTimeout();\n      this.autoCloseTimeoutId = window.setTimeout(\n        () => this.closeAlert(),\n        DURATIONS[this.autoCloseDuration],\n      );\n    }\n  }\n\n  /**\n   * This internal property, managed by a containing calcite-shell, is used\n   * to inform the component if special configuration or styles are needed\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) embedded = false;\n\n  /** Specifies the kind of the component, which will apply to top border and icon. */\n  @Prop({ reflect: true }) kind: Extract<\n    \"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\",\n    Kind\n  > = \"brand\";\n\n  /**\n   * When `true`, shows a default recommended icon. Alternatively,\n   * pass a Calcite UI Icon name to display a specific icon.\n   */\n  @Prop({ reflect: true }) icon: IconNameOrString | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies an accessible name for the component. */\n  @Prop() label!: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the placement of the component. */\n  @Prop({ reflect: true }) placement: MenuPlacement = \"bottom\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: AlertMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<AlertMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /** Specifies the ordering priority of the component when opened. */\n  @Prop({ reflect: true }) queue: AlertQueue = \"last\";\n\n  @Watch(\"queue\")\n  handleQueueChange(): void {\n    if (this.open) {\n      manager.unregisterElement(this.el);\n      manager.registerElement(this.el);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n\n    const open = this.open;\n\n    if (open) {\n      manager.registerElement(this.el);\n    }\n\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    manager.unregisterElement(this.el);\n    this.clearAutoCloseTimeout();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.embedded = false;\n  }\n\n  render(): VNode {\n    const { open, autoClose, label, placement, active, openAlertCount } = this;\n    const role = autoClose ? \"alert\" : \"alertdialog\";\n    const hidden = !open;\n    const effectiveIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n    const hasQueuedAlerts = openAlertCount > 1;\n\n    return (\n      <Host\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-label={label}\n        calcite-hydrated-hidden={hidden}\n        role={role}\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerActive]: active,\n            [`${CSS.container}--${placement}`]: true,\n            [CSS.containerEmbedded]: this.embedded,\n            [CSS.focused]: this.isFocused,\n          }}\n          onPointerEnter={this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null}\n          onPointerLeave={this.autoClose ? this.handleMouseLeave : null}\n          ref={this.setTransitionEl}\n        >\n          {effectiveIcon && this.renderIcon(effectiveIcon)}\n          <div\n            class={CSS.textContainer}\n            onFocusin={this.autoClose && this.autoCloseTimeoutId ? this.handleKeyBoardFocus : null}\n            onFocusout={this.autoClose ? this.handleKeyBoardBlur : null}\n          >\n            <slot name={SLOTS.title} />\n            <slot name={SLOTS.message} />\n            <slot name={SLOTS.link} />\n          </div>\n          {this.renderActionsEnd()}\n          {hasQueuedAlerts ? this.renderQueueCount() : null}\n          {this.renderCloseButton()}\n          {open && active && autoClose ? <div class={CSS.dismissProgress} /> : null}\n        </div>\n      </Host>\n    );\n  }\n\n  private handleKeyBoardFocus = (): void => {\n    this.isFocused = true;\n    this.handleFocus();\n  };\n\n  private handleKeyBoardBlur = (): void => {\n    this.isFocused = false;\n    if (!this.isHovered) {\n      this.handleBlur();\n    }\n  };\n\n  private renderCloseButton(): VNode {\n    return (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        key=\"close\"\n        onClick={this.closeAlert}\n        onFocusin={this.autoClose ? this.handleKeyBoardFocus : null}\n        onFocusout={this.autoClose ? this.handleKeyBoardBlur : null}\n        ref={(el) => (this.closeButton = el)}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  private renderQueueCount(): VNode {\n    const { openAlertCount } = this;\n    const queueNumber = openAlertCount > 2 ? openAlertCount - 1 : 1;\n    const queueText = this.numberStringFormatter.numberFormatter.format(queueNumber);\n\n    return (\n      <div\n        class={{\n          [CSS.queueCount]: true,\n          [CSS.queueCountActive]: openAlertCount > 1,\n        }}\n        key=\"queue-count\"\n      >\n        <calcite-chip scale={this.scale} value={queueText}>\n          {queueText}\n        </calcite-chip>\n      </div>\n    );\n  }\n\n  private renderActionsEnd(): VNode {\n    return (\n      <div class={CSS.actionsEnd}>\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.actionsEndSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  private renderIcon(icon: IconNameOrString): VNode {\n    return (\n      <div class={CSS.icon}>\n        <calcite-icon flipRtl={this.iconFlipRtl} icon={icon} scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteAlertBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteAlertClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteAlertBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteAlertOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's \"close\" button, the first focusable item.\n   *\n    @returns {Promise<void>}\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const alertLinkEl: HTMLCalciteLinkElement = getSlotted(this.el, { selector: \"calcite-link\" });\n\n    if (!this.closeButton && !alertLinkEl) {\n      return;\n    } else if (alertLinkEl) {\n      return alertLinkEl.setFocus();\n    } else if (this.closeButton) {\n      this.closeButton.focus();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAlertElement;\n\n  @State() defaultMessages: AlertMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  @State() numberStringFormatter = new NumberStringFormat();\n\n  @Watch(\"numberingSystem\")\n  numberingSystemChange(): void {\n    this.numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"always\",\n    };\n  }\n\n  @State() hasEndActions = false;\n\n  @State() isFocused = false;\n\n  private autoCloseTimeoutId: number = null;\n\n  private closeButton: HTMLButtonElement;\n\n  private initialOpenTime: number;\n\n  private lastMouseOverBegin: number;\n\n  private totalOpenTime = 0;\n\n  private totalHoverTime = 0;\n\n  private isHovered: boolean;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private clearAutoCloseTimeout(): void {\n    window.clearTimeout(this.autoCloseTimeoutId);\n    this.autoCloseTimeoutId = null;\n  }\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  /** close and emit calciteInternalAlertSync event with the updated queue payload */\n  private closeAlert = (): void => {\n    this.open = false;\n    this.clearAutoCloseTimeout();\n  };\n\n  onBeforeOpen(): void {\n    this.calciteAlertBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteAlertOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteAlertBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteAlertClose.emit();\n  }\n\n  private actionsEndSlotChangeHandler = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  private handleMouseOver = (): void => {\n    this.isHovered = true;\n    this.handleFocus();\n  };\n\n  private handleMouseLeave = (): void => {\n    this.isHovered = false;\n    if (!this.isFocused) {\n      this.handleBlur();\n    }\n  };\n\n  private handleFocus = (): void => {\n    this.clearAutoCloseTimeout();\n    this.totalOpenTime = Date.now() - this.initialOpenTime;\n    this.lastMouseOverBegin = Date.now();\n  };\n\n  private handleBlur = (): void => {\n    const hoverDuration = Date.now() - this.lastMouseOverBegin;\n    const timeRemaining =\n      DURATIONS[this.autoCloseDuration] - this.totalOpenTime + this.totalHoverTime;\n    this.totalHoverTime = this.totalHoverTime ? hoverDuration + this.totalHoverTime : hoverDuration;\n    this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), timeRemaining);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-d8c3cdf8.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as e}from"./p-5e711787.js";import"./p-0a2f91d4.js";import"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-a805c9c4.js";import"./p-103c1961.js";import"./p-7f9ce223.js";import"./p-fe34acf8.js";import"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-2abe8907.js";import"./p-966e4808.js";import"./p-b5c9b47d.js";import"./p-3d516d20.js";import"./p-9e9191b2.js";import"./p-f0661425.js";import"./p-130617eb.js";import"./p-6add61e9.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-d8c3cdf8.js.map

package/dist/calcite/p-d8ef3f74.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,c as t,h as s,H as i,g as a,F as r}from"./p-0a2f91d4.js";import{j as n,c as o,e as h,g as c,f as d,h as l,s as f,k as p,i as u,l as g,n as v,p as y,m as b,o as m}from"./p-e6fd7c28.js";import{c as w,s as x,a as k}from"./p-65e04a6e.js";import{c as D,d as z,n as C,f as A}from"./p-2abe8907.js";import{c as I,d as S,s as j,u as M}from"./p-f0661425.js";import{i as P}from"./p-df6c8bd7.js";import{a as H,t as R}from"./p-806dc8f8.js";import{I as L,u as W}from"./p-a805c9c4.js";import{i as _}from"./p-103c1961.js";import{H as O}from"./p-4d237eff.js";import{g as Y}from"./p-fe34acf8.js";import"./p-966e4808.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";const E=2;const N={dateStyle:"full"};const F=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:auto;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);vertical-align:top}:host([scale=s]){inline-size:234px;min-inline-size:216px;max-inline-size:380px}:host([scale=m]){inline-size:304px;min-inline-size:272px;max-inline-size:480px}:host([scale=l]){inline-size:370px;min-inline-size:320px;max-inline-size:600px}:host([hidden]){display:none}[hidden]{display:none}";const K=F;const T=class{constructor(s){e(this,s);this.calciteDatePickerChange=t(this,"calciteDatePickerChange",6);this.calciteDatePickerRangeChange=t(this,"calciteDatePickerRangeChange",6);this.keyDownHandler=e=>{if(e.key==="Escape"){this.resetActiveDates()}};this.monthHeaderSelectChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthActiveDateChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthHoverChange=e=>{if(!this.range){this.hoverRange=undefined;return}const{valueAsDate:t}=this;const s=Array.isArray(t)&&t[0];const i=Array.isArray(t)&&t[1];const a=new Date(e.detail);this.hoverRange={focused:this.activeRange||"start",start:s,end:i};if(this.proximitySelectionDisabled){if(i&&s||!i&&a>=s){this.hoverRange.focused="end";this.hoverRange.end=a}else if(!i&&a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange=undefined}}else{if(s&&i){const e=n(a,s);const t=n(a,i);if(t>0){this.hoverRange.end=a;this.hoverRange.focused="end"}else if(e<0){this.hoverRange.start=a;this.hoverRange.focused="start"}else if(e>t){this.hoverRange.start=a;this.hoverRange.focused="start"}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}else{if(s){if(a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}}}e.stopPropagation()};this.monthMouseOutChange=()=>{if(this.hoverRange){this.hoverRange=undefined}};this.resetActiveDates=()=>{const{valueAsDate:e}=this;if(!Array.isArray(e)&&e&&e!==this.activeDate){this.activeDate=new Date(e)}if(Array.isArray(e)){if(e[0]&&e[0]!==this.activeStartDate){this.activeStartDate=new Date(e[0])}if(e[1]&&e[1]!==this.activeEndDate){this.activeEndDate=new Date(e[1])}}};this.monthDateChange=e=>{const t=new Date(e.detail);const s=o(t);if(!this.range&&s===o(this.valueAsDate)){return}if(!this.range){this.value=s||"";this.valueAsDate=t||null;this.activeDate=t||null;this.calciteDatePickerChange.emit();return}const i=this.getStartDate();const a=this.getEndDate();if(!i||!a&&t<i){if(i){this.setEndDate(new Date(i))}if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else if(!a){this.setEndDate(t)}else{if(this.proximitySelectionDisabled){this.setStartDate(t);this.setEndDate(null)}else{if(this.activeRange){if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else{const e=n(t,i);const s=n(t,a);if(s===0||e<0){this.setStartDate(t)}else if(e===0||s<0){this.setEndDate(t)}else if(e<s){this.setStartDate(t)}else{this.setEndDate(t)}}}}this.calciteDatePickerChange.emit()};this.activeDate=undefined;this.activeRange=undefined;this.value=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.numberingSystem=undefined;this.scale="m";this.range=false;this.proximitySelectionDisabled=false;this.messageOverrides=undefined;this.messages=undefined;this.activeEndDate=undefined;this.activeStartDate=undefined;this.dateTimeFormat=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.endAsDate=undefined;this.hoverRange=undefined;this.localeData=undefined;this.mostRecentRangeValue=undefined;this.startAsDate=undefined}activeDateWatcher(e){if(this.activeRange==="end"){this.activeEndDate=e}}valueAsDateWatcher(e){if(this.range&&Array.isArray(e)){const{activeStartDate:t,activeEndDate:s}=this;const i=e[0];const a=e[1];this.activeStartDate=t!==i&&i;this.activeEndDate=s!==a&&a}else if(e&&e!==this.activeDate){this.activeDate=e}}onMinChanged(e){this.minAsDate=h(e)}onMaxChanged(e){this.maxAsDate=h(e)}onMessagesChange(){}async setFocus(){await w(this);this.el.focus()}async reset(){this.resetActiveDates();this.mostRecentRangeValue=undefined}connectedCallback(){D(this);I(this);if(Array.isArray(this.value)){this.valueAsDate=c(this.value)}else if(this.value){this.valueAsDate=h(this.value)}if(this.min){this.minAsDate=h(this.min)}if(this.max){this.maxAsDate=h(this.max)}}disconnectedCallback(){z(this);S(this)}async componentWillLoad(){x(this);await this.loadLocaleData();this.onMinChanged(this.min);this.onMaxChanged(this.max);await j(this)}componentDidLoad(){k(this)}render(){const e=d(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate);let t=this.getActiveDate(e,this.minAsDate,this.maxAsDate);const a=this.range&&Array.isArray(this.valueAsDate)?d(this.valueAsDate[1],this.minAsDate,this.maxAsDate):null;const r=this.getActiveEndDate(a,this.minAsDate,this.maxAsDate);if((this.activeRange==="end"||this.hoverRange?.focused==="end"&&(!this.proximitySelectionDisabled||a))&&r){t=r}if(this.range&&this.mostRecentRangeValue){t=this.mostRecentRangeValue}const n=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:e||this.minAsDate:this.minAsDate;const o=this.range&&this.activeRange?this.activeRange==="start"?a||this.maxAsDate:this.maxAsDate:this.maxAsDate;return s(i,{key:"32213cf1e0848af340d9a7cdaf0838f88d04e0cb",onBlur:this.resetActiveDates,onKeyDown:this.keyDownHandler},this.renderCalendar(t,o,n,e,a))}effectiveLocaleChange(){M(this,this.effectiveLocale)}valueHandler(e){if(Array.isArray(e)){this.valueAsDate=c(e)}else if(e){this.valueAsDate=h(e)}}async loadLocaleData(){if(!P()){return}C.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await l(this.effectiveLocale);this.dateTimeFormat=A(this.effectiveLocale,N)}renderCalendar(e,t,i,a,r){return this.localeData&&[s("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||E,localeData:this.localeData,max:t,messages:this.messages,min:i,onCalciteInternalDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a||new Date}),s("calcite-date-picker-month",{activeDate:e,dateTimeFormat:this.dateTimeFormat,endDate:this.range?r:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:t,min:i,onCalciteInternalDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteInternalDatePickerHover:this.monthHoverChange,onCalciteInternalDatePickerMouseOut:this.monthMouseOutChange,onCalciteInternalDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a,startDate:this.range?a:undefined})]}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined}setEndDate(e){const t=this.getStartDate();const s=e?f(e):e;this.value=[o(t),o(e)];this.valueAsDate=[t,e];this.mostRecentRangeValue=s;this.calciteDatePickerRangeChange.emit();this.activeEndDate=e||null}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]}setStartDate(e){const t=this.getEndDate();this.value=[o(e),o(t)];this.valueAsDate=[e,t];this.mostRecentRangeValue=e;this.calciteDatePickerRangeChange.emit();this.activeStartDate=e||null}getActiveDate(e,t,s){return d(this.activeDate,t,s)||e||d(new Date,t,s)}getActiveEndDate(e,t,s){return d(this.activeEndDate,t,s)||e||d(new Date,t,s)}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{activeDate:["activeDateWatcher"],valueAsDate:["valueAsDateWatcher"],min:["onMinChanged"],max:["onMaxChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","loadLocaleData"],value:["valueHandler"]}}};T.style=K;const $=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-v-wrapper{flex:1 1 auto}.day-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}:host([range]) .day-wrapper::before,:host([range]) .day-wrapper::after,:host([range-hover]) .day-wrapper::before,:host([range-hover]) .day-wrapper::after{pointer-events:none;position:absolute;inset-block:0;content:"";block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.day{z-index:var(--calcite-z-index);display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background:none;box-shadow:0 0 0 2px transparent;block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size:27px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size:33px}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding:0px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size:43px}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day,:host([active]:not([range]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host(:focus:not([disabled])) .day,:host([start-of-range]:not(:focus)) .day,:host([end-of-range]:not(:focus)) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day-wrapper::before,:host([highlighted]:not([selected])) .day-wrapper::before{inset-inline-end:50%;border-radius:0}:host([range-hover]:not([selected])) .day-wrapper::after,:host([highlighted]:not([selected])) .day-wrapper::after{inset-inline-start:50%;border-radius:0}:host([range-hover]:not([selected])) .day,:host([highlighted]:not([selected])) .day{color:var(--calcite-color-text-1)}:host([highlighted]) .day-wrapper::before,:host([highlighted]) .day-wrapper::after,:host([selected]:not(.hover--outside-range)) .day-wrapper::before,:host([selected]:not(.hover--outside-range)) .day-wrapper::after{background-color:var(--calcite-color-foreground-current)}:host([range-hover]:not([selected])) .day-wrapper::before,:host([range-hover]:not([selected])) .day-wrapper::after{background-color:var(--calcite-color-foreground-2)}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper::before,:host([highlighted][end-of-range]) .day-wrapper::before,:host([highlighted][range-edge=end]) .day-wrapper::before,:host([range-hover][range-edge=end]) .day-wrapper::before,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper::before{inset-inline-end:50%}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper::after,:host([highlighted][end-of-range]) .day-wrapper::after,:host([highlighted][range-edge=end]) .day-wrapper::after,:host([range-hover][range-edge=end]) .day-wrapper::after,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper::after{inset-inline-start:50%;border-start-end-radius:var(--calcite-internal-day-size);border-end-end-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper::before,:host([highlighted][range-edge=start]) .day-wrapper::before,:host([range-hover][range-edge=start]) .day-wrapper::before,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper::before,:host([start-of-range].hover--inside-range) .day-wrapper::before,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper::before{inset-inline-end:50%;border-start-start-radius:var(--calcite-internal-day-size);border-end-start-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper::after,:host([highlighted][range-edge=start]) .day-wrapper::after,:host([range-hover][range-edge=start]) .day-wrapper::after,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper::after,:host([start-of-range].hover--inside-range) .day-wrapper::after,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper::after{inset-inline-start:50%}:host([range-hover][start-of-range][range-edge=end]) .day-wrapper::after,:host([range-hover][start-of-range][range-edge=end]) .day-wrapper::before,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper::after,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper::before,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper::after,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper::before,:host([end-of-range]) .day-wrapper::after,:host([end-of-range]) .day-wrapper::before{content:unset}:host(:hover[range-hover]:not([selected]).focused--start) .day,:host(:hover[range-hover]:not([selected]).focused--end) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){.day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day-wrapper::before,:host([range][selected]) .day-wrapper::after,:host([highlighted]) .day-wrapper::before,:host([highlighted]) .day-wrapper::after,:host([range-hover]:not([selected])) .day-wrapper::before,:host([range-hover]:not([selected])) .day-wrapper::after{background-color:highlight}:host([range-hover]) .day-wrapper::before,:host([range-hover]) .day-wrapper::after,:host([range][selected][start-of-range]) .day-wrapper::before,:host([range][selected][start-of-range]) .day-wrapper::after,:host([range][selected][end-of-range]) .day-wrapper::before,:host([range][selected][end-of-range]) .day-wrapper::after{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}';const G=$;const U=class{constructor(s){e(this,s);this.calciteDaySelect=t(this,"calciteDaySelect",6);this.calciteInternalDayHover=t(this,"calciteInternalDayHover",6);this.onClick=()=>{if(this.disabled){return}this.calciteDaySelect.emit()};this.keyDownHandler=e=>{if(_(e.key)){!this.disabled&&this.calciteDaySelect.emit();e.preventDefault()}};this.day=undefined;this.dateTimeFormat=undefined;this.disabled=false;this.currentMonth=false;this.selected=false;this.highlighted=false;this.range=false;this.rangeEdge=undefined;this.startOfRange=false;this.endOfRange=false;this.rangeHover=false;this.active=false;this.scale=undefined;this.value=undefined}pointerOverHandler(){if(this.disabled){return}this.calciteInternalDayHover.emit()}async componentWillLoad(){x(this);this.parentDatePickerEl=H(this.el,"calcite-date-picker")}componentDidLoad(){k(this)}async setFocus(){await w(this);this.el.focus()}render(){const e=o(this.value).replaceAll("-","");if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const t=C.localize(String(this.day));const a=this.dateTimeFormat.format(this.value);return s(i,{key:"99367dbc5f33128ec7e60922a7ccb68f54362f78","aria-label":a,"aria-selected":R(this.active),id:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"button",tabIndex:this.active&&!this.disabled?0:-1},s(L,{key:"50e5172f11d617e5e52aade2bb9fbdd7c46ccc60",disabled:this.disabled},s("div",{key:"cfb5af0dcdb9283e00d3220e3658c253fc8fdc05","aria-hidden":"true",class:{"day-v-wrapper":true}},s("div",{key:"f1a85d642b0abdf35676fea5873c2ac4c92d451c",class:"day-wrapper"},s("span",{key:"79daaedf22745c9d633b4461c5a28b828b6803ae",class:"day"},s("span",{key:"14152896fce841cbe975eeabd5171024ae5133d3",class:"text"},t))))))}componentDidRender(){W(this)}get el(){return a(this)}};U.style=G;const B=":host([hidden]){display:none}[hidden]{display:none}.calendar{margin-block-end:0.25rem}.week-headers{display:flex;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-3);inline-size:14.2857142857%}.day{display:flex;min-inline-size:0px;justify-content:center;inline-size:100%}.day calcite-date-picker-day{inline-size:100%}:host([scale=s]) .week-header{padding-inline:0px;padding-block:0.5rem 0.75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .week-header{padding-inline:0px;padding-block:0.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]) .week-header{padding-inline:0px;padding-block:1rem 1.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}.week-days{display:grid;grid-template-columns:repeat(7, 1fr);grid-auto-rows:1fr;padding-block:0;padding-inline:6px}.week-days:focus{outline:2px solid transparent;outline-offset:2px}";const q=B;const J=7;const Q=6;const V=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.calciteInternalDatePickerHover=t(this,"calciteInternalDatePickerHover",6);this.calciteInternalDatePickerActiveDateChange=t(this,"calciteInternalDatePickerActiveDateChange",6);this.calciteInternalDatePickerMouseOut=t(this,"calciteInternalDatePickerMouseOut",6);this.keyDownHandler=e=>{if(e.defaultPrevented){return}const t=this.el.dir==="rtl";switch(e.key){case"ArrowUp":e.preventDefault();this.addDays(-7);break;case"ArrowRight":e.preventDefault();this.addDays(t?-1:1);break;case"ArrowDown":e.preventDefault();this.addDays(7);break;case"ArrowLeft":e.preventDefault();this.addDays(t?1:-1);break;case"PageUp":e.preventDefault();this.addMonths(-1);break;case"PageDown":e.preventDefault();this.addMonths(1);break;case"Home":e.preventDefault();this.activeDate.setDate(1);this.addDays();break;case"End":e.preventDefault();this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate());this.addDays();break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=false}};this.disableActiveFocus=()=>{this.activeFocus=false};this.dayHover=e=>{const t=e.target;if(t.disabled){this.calciteInternalDatePickerMouseOut.emit()}else{this.calciteInternalDatePickerHover.emit(t.value)}e.stopPropagation()};this.daySelect=e=>{const t=e.target;this.calciteInternalDatePickerSelect.emit(t.value)};this.dateTimeFormat=undefined;this.selectedDate=undefined;this.activeDate=new Date;this.startDate=undefined;this.endDate=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.hoverRange=undefined}pointerOutHandler(){this.calciteInternalDatePickerMouseOut.emit()}render(){const e=this.activeDate.getMonth();const t=this.activeDate.getFullYear();const a=this.localeData.weekStart%7;const{abbreviated:r,short:n,narrow:o}=this.localeData.days;const h=this.scale==="s"?o||n||r:n||r||o;const c=[...h.slice(a,7),...h.slice(0,a)];const d=this.getCurrentMonthDays(e,t);const l=this.getPreviousMonthDays(e,t,a);const f=this.getNextMonthDays(e,t,a);let u=0;const g=()=>u++%7;const v=[...l.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e-1,s)}))),...d.map((s=>{const i=new Date(t,e,s);const a=p(i,this.activeDate);return{active:a,currentMonth:true,day:s,dayInWeek:g(),date:i,ref:true}})),...f.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e+1,s)})))];return s(i,{onFocusout:this.disableActiveFocus,onKeyDown:this.keyDownHandler},s("div",{class:"calendar",role:"grid"},s("div",{class:"week-headers",role:"row"},c.map((e=>s("span",{class:"week-header",role:"columnheader"},e)))),s("div",{class:"week-days",role:"row"},v.map(((e,t)=>this.renderDateDay(e,t))))))}addMonths(e){const t=new Date(this.activeDate);t.setMonth(this.activeDate.getMonth()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}addDays(e=0){const t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}getPreviousMonthDays(e,t,s){const i=new Date(t,e,0);const a=i.getDate();const r=i.getDay();const n=[];if(r===(s+Q)%J){return n}if(r===s){return[a]}for(let e=(J+r-s)%J;e>=0;e--){n.push(a-e)}return n}getCurrentMonthDays(e,t){const s=new Date(t,e+1,0).getDate();const i=[];for(let e=0;e<s;e++){i.push(e+1)}return i}getNextMonthDays(e,t,s){const i=new Date(t,e+1,0).getDay();const a=[];if(i===(s+Q)%J){return a}for(let e=0;e<(Q-(i-s))%J;e++){a.push(e+1)}return a}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(p(e,this.selectedDate)||this.startDate&&p(e,this.startDate)||this.endDate&&p(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!p(this.startDate,this.endDate)&&p(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!p(this.startDate,this.endDate)&&p(this.endDate,e)||!this.endDate&&this.hoverRange&&p(this.startDate,this.hoverRange.end)&&p(e,this.hoverRange.end))}renderDateDay({active:e,currentMonth:t,date:i,day:a,dayInWeek:r,ref:n},o){const h=this.isFocusedOnStart();const c=this.isHoverInRange()||!this.endDate&&this.hoverRange&&p(this.hoverRange?.end,this.startDate);return s("div",{class:"day",key:o,role:"gridcell"},s("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&c,"hover--outside-range":this.startDate&&!c,"focused--start":h,"focused--end":!h},currentMonth:t,dateTimeFormat:this.dateTimeFormat,day:a,disabled:!u(i,this.min,this.max),endOfRange:this.isEndOfRange(i),highlighted:this.betweenSelectedRange(i),onCalciteDaySelect:this.daySelect,onCalciteInternalDayHover:this.dayHover,range:!!this.startDate&&!!this.endDate&&!p(this.startDate,this.endDate),rangeEdge:r===0?"start":r===6?"end":undefined,rangeHover:this.isRangeHover(i),ref:t=>{if(n&&e&&this.activeFocus){t?.setFocus()}},scale:this.scale,selected:this.isSelected(i),startOfRange:this.isStartOfRange(i),value:i}))}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange){return false}const{start:e,end:t}=this.hoverRange;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||t<this.endDate)||this.isFocusedOnStart()&&this.startDate&&e>this.startDate)}isRangeHover(e){if(!this.hoverRange){return false}const{start:t,end:s}=this.hoverRange;const i=this.isFocusedOnStart();const a=this.isHoverInRange();const r=a&&(!i&&e>this.startDate&&(e<s||p(e,s))||i&&e<this.endDate&&(e>t||p(e,t)));const n=!a&&(!i&&e>=this.endDate&&(e<s||p(e,s))||i&&(this.startDate&&e<this.startDate||this.endDate&&p(e,this.startDate))&&(t&&e>t||p(e,t)));return r||n}get el(){return a(this)}};V.style=q;const X={header:"header",month:"month",chevron:"chevron",suffix:"suffix",yearSuffix:"year--suffix",yearWrap:"year-wrap",textReverse:"text--reverse"};const Z={chevronLeft:"chevron-left",chevronRight:"chevron-right"};const ee=":host{display:block}.header{display:flex;justify-content:space-between;padding-block:0px;padding-inline:0.25rem}:host([scale=s]) .text{margin-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{block-size:2.25rem}:host([scale=m]) .text{margin-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{block-size:3rem}:host([scale=l]) .text{margin-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{block-size:3.5rem}.chevron{margin-inline:-0.25rem;box-sizing:content-box;display:flex;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding-inline:0.25rem;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inline-size:14.2857142857%}.chevron:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.chevron:hover,.chevron:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{margin-block:auto;display:flex;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;line-height:1}.text--reverse{flex-direction:row-reverse}.month,.year,.suffix{margin-inline:0.25rem;margin-block:auto;display:inline-block;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-1);font-size:inherit}.year{position:relative;inline-size:2.5rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent}.year:hover{transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.year--suffix{text-align:start}.year-wrap{position:relative}.suffix{inset-block-start:0px;white-space:nowrap;text-align:start;inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}";const te=ee;const se=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.onYearKey=e=>{const t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault();this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault();this.setYear({localizedYear:t,offset:1});break}};this.onYearChange=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})};this.onYearInput=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:false})};this.prevMonthClick=e=>{this.handleArrowClick(e,this.prevMonthDate)};this.prevMonthKeydown=e=>{if(_(e.key)){this.prevMonthClick(e)}};this.nextMonthClick=e=>{this.handleArrowClick(e,this.nextMonthDate)};this.nextMonthKeydown=e=>{if(_(e.key)){this.nextMonthClick(e)}};this.handleArrowClick=(e,t)=>{e.preventDefault();this.calciteInternalDatePickerSelect.emit(t)};this.selectedDate=undefined;this.activeDate=undefined;this.headingLevel=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.messages=undefined;this.nextMonthDate=undefined;this.prevMonthDate=undefined}componentWillLoad(){this.parentDatePickerEl=H(this.el,"calcite-date-picker")}connectedCallback(){this.setNextPrevMonthDates()}render(){return s("div",{key:"4943ff396e6db2ee2ba30f4994a75fb2d5afeda1",class:X.header},this.renderContent())}renderContent(){const{messages:e,localeData:t,activeDate:i}=this;if(!i||!t){return null}if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const a=i.getMonth();const{months:n,unitOrder:o}=t;const h=(n.wide||n.narrow||n.abbreviated)[a];const c=this.formatCalendarYear(i.getFullYear());const d=g(o);const l=d.indexOf("y")<d.indexOf("m");const f=t.year?.suffix;return s(r,null,s("a",{"aria-disabled":`${this.prevMonthDate.getMonth()===a}`,"aria-label":e.prevMonth,class:X.chevron,href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:Z.chevronLeft,scale:Y(this.scale)})),s("div",{class:{text:true,[X.textReverse]:l}},s(O,{class:X.month,level:this.headingLevel},h),s("span",{class:X.yearWrap},s("input",{"aria-label":e.year,class:{year:true,[X.yearSuffix]:!!f},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.onYearChange,onInput:this.onYearInput,onKeyDown:this.onYearKey,pattern:"\\d*",ref:e=>this.yearInput=e,type:"text",value:c}),f&&s("span",{class:X.suffix},f))),s("a",{"aria-disabled":`${this.nextMonthDate.getMonth()===a}`,"aria-label":e.nextMonth,class:X.chevron,href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:Z.chevronRight,scale:Y(this.scale)})))}setNextPrevMonthDates(){if(!this.activeDate){return}this.nextMonthDate=d(v(this.activeDate),this.min,this.max);this.prevMonthDate=d(y(this.activeDate),this.min,this.max)}formatCalendarYear(e){return C.localize(`${b(e,this.localeData)}`)}parseCalendarYear(e){return C.localize(`${m(Number(C.delocalize(e)),this.localeData)}`)}getInRangeDate({localizedYear:e,offset:t=0}){const{min:s,max:i,activeDate:a}=this;const r=Number(C.delocalize(e));const n=r.toString().length;const o=isNaN(r)?false:r+t;const h=o&&(!s||s.getFullYear()<=o)&&(!i||i.getFullYear()>=o);if(o&&h&&n===e.length){const e=new Date(a);e.setFullYear(o);return d(e,s,i)}}setYear({localizedYear:e,commit:t=true,offset:s=0}){const{yearInput:i,activeDate:a}=this;const r=this.getInRangeDate({localizedYear:e,offset:s});if(r){this.calciteInternalDatePickerSelect.emit(r)}if(t){i.value=this.formatCalendarYear((r||a).getFullYear())}}get el(){return a(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};se.style=te;export{T as calcite_date_picker,U as calcite_date_picker_day,V as calcite_date_picker_month,se as calcite_date_picker_month_header};
-//# sourceMappingURL=p-d8ef3f74.entry.js.map

package/dist/calcite/p-d8ef8920.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-class t{constructor(){this._formatterCache=new Map;this._commonDateTimeFormatterOptions={year:"numeric",month:"2-digit",day:"2-digit",timeZoneName:"shortOffset"}}get name(){return"native"}create(t){return new Date(t)}increase(t){const e=864e5;return new Date(t.getTime()+e)}formatToIsoDateString(t){const e=t.getFullYear();const n=t.getMonth()+1;const s=t.getDate();return`${e}-${n.toString().padStart(2,"0")}-${s.toString().padStart(2,"0")}`}isoToTimeZone(t,e){const n=this._toDate(t);const s=this._getFormatter(e);const r=s.formatToParts(n);const[o]=r.filter((({type:t})=>t==="timeZoneName")).map((({value:t})=>t));const i=this._getTimeZoneOffsetInMins(o);const a=n.getMinutes()-(n.getTimezoneOffset()-i);n.setMinutes(a);return n}same(t,e){return t.getTime()===e.getTime()}_toDate(t){return new Date(t)}_getFormatter(t){let e=this._formatterCache.get(t);if(!e){e=new Intl.DateTimeFormat("en-US",{timeZone:t,...this._commonDateTimeFormatterOptions});this._formatterCache.set(t,e)}return e}_getTimeZoneOffsetInMins(t){const[e,...n]=t.slice(3);const[s,r]=n.join("").split(":");const o=e==="+"?1:-1;return o*(Number(s)*60+Number(r||0))}}export{t as DateEngine};
-//# sourceMappingURL=p-d8ef8920.js.map

package/dist/calcite/p-d913b09a.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-const x={min:"0",max:"320px"};const m={min:"321px",max:"476px"};const n={min:"477px",max:"768px"};const a={min:"769px",max:"1152px"};const p={min:"1153px",max:"1440px"};const s={width:{large:t(p.max),medium:t(a.max),small:t(n.max),xsmall:t(m.max),xxsmall:t(x.max)}};function t(x){return parseInt(x)}export{s as b};
-//# sourceMappingURL=p-d913b09a.js.map

package/dist/calcite/p-d913b09a.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["calciteContainerSizeWidthXxs","min","max","calciteContainerSizeWidthXs","calciteContainerSizeWidthSm","calciteContainerSizeWidthMd","calciteContainerSizeWidthLg","breakpoints","width","large","cssLengthToNumber","medium","small","xsmall","xxsmall","length","parseInt"],"sources":["../calcite-design-tokens/dist/es6/global.js","src/utils/responsive.ts"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 01 Oct 2024 00:09:19 GMT\n */\n\nexport const calciteBorderWidthNone = \"0\";\nexport const calciteBorderWidthSm = \"1px\";\nexport const calciteBorderWidthMd = \"2px\";\nexport const calciteBorderWidthLg = \"4px\";\nexport const calciteColorBackground = {\"light\":\"#f8f8f8\",\"dark\":\"#353535\"};\nexport const calciteColorBackgroundNone = \"rgba(255, 255, 255, 0)\";\nexport const calciteColorForeground1 = {\"light\":\"#ffffff\",\"dark\":\"#2b2b2b\"};\nexport const calciteColorForeground2 = {\"light\":\"#f3f3f3\",\"dark\":\"#202020\"};\nexport const calciteColorForeground3 = {\"light\":\"#eaeaea\",\"dark\":\"#151515\"};\nexport const calciteColorForegroundCurrent = {\"light\":\"#c7eaff\",\"dark\":\"#214155\"};\nexport const calciteColorTransparent = {\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"};\nexport const calciteColorTransparentHover = {\"light\":\"rgba(0, 0, 0, 0.04)\",\"dark\":\"rgba(255, 255, 255, 0.04)\"};\nexport const calciteColorTransparentPress = {\"light\":\"rgba(0, 0, 0, 0.08)\",\"dark\":\"rgba(255, 255, 255, 0.08)\"};\nexport const calciteColorTransparentScrim = {\"light\":\"rgba(255, 255, 255, 0.85)\",\"dark\":\"rgba(0, 0, 0, 0.85)\"};\nexport const calciteColorTransparentTint = {\"light\":\"rgba(255, 255, 255, 0.8)\",\"dark\":\"rgba(43, 43, 43, 0.8)\"};\nexport const calciteColorBrand = {\"light\":\"#007ac2\",\"dark\":\"#009af2\"};\nexport const calciteColorBrandHover = {\"light\":\"#00619b\",\"dark\":\"#007ac2\"};\nexport const calciteColorBrandPress = {\"light\":\"#004874\",\"dark\":\"#00619b\"};\nexport const calciteColorBrandUnderline = {\"light\":\"rgba(0, 97, 155, 0.4)\",\"dark\":\"rgba(0, 160, 255, 0.4)\"};\nexport const calciteColorStatusInfo = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorStatusInfoHover = {\"light\":\"#004874\",\"dark\":\"#3db8ff\"};\nexport const calciteColorStatusInfoPress = {\"light\":\"#00304d\",\"dark\":\"#009af2\"};\nexport const calciteColorStatusSuccess = {\"light\":\"#35ac46\",\"dark\":\"#36da43\"};\nexport const calciteColorStatusSuccessHover = {\"light\":\"#288835\",\"dark\":\"#3bed52\"};\nexport const calciteColorStatusSuccessPress = {\"light\":\"#1a6324\",\"dark\":\"#00b81b\"};\nexport const calciteColorStatusWarning = {\"light\":\"#edd317\",\"dark\":\"#ffc900\"};\nexport const calciteColorStatusWarningHover = {\"light\":\"#d9bc00\",\"dark\":\"#ffee33\"};\nexport const calciteColorStatusWarningPress = {\"light\":\"#bfa200\",\"dark\":\"#f5d000\"};\nexport const calciteColorStatusDanger = {\"light\":\"#d83020\",\"dark\":\"#fe583e\"};\nexport const calciteColorStatusDangerHover = {\"light\":\"#a82b1e\",\"dark\":\"#ff0015\"};\nexport const calciteColorStatusDangerPress = {\"light\":\"#7c1d13\",\"dark\":\"#d90012\"};\nexport const calciteColorInverse = {\"light\":\"#353535\",\"dark\":\"#f8f8f8\"};\nexport const calciteColorInverseHover = {\"light\":\"#2b2b2b\",\"dark\":\"#ffffff\"};\nexport const calciteColorInversePress = {\"light\":\"#202020\",\"dark\":\"#f3f3f3\"};\nexport const calciteColorText1 = {\"light\":\"#151515\",\"dark\":\"#ffffff\"};\nexport const calciteColorText2 = {\"light\":\"#4a4a4a\",\"dark\":\"#bfbfbf\"};\nexport const calciteColorText3 = {\"light\":\"#6a6a6a\",\"dark\":\"#9f9f9f\"};\nexport const calciteColorTextInverse = {\"light\":\"#ffffff\",\"dark\":\"#151515\"};\nexport const calciteColorTextLink = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorBorder1 = {\"light\":\"#cacaca\",\"dark\":\"#555555\"};\nexport const calciteColorBorder2 = {\"light\":\"#d4d4d4\",\"dark\":\"#4a4a4a\"};\nexport const calciteColorBorder3 = {\"light\":\"#dfdfdf\",\"dark\":\"#404040\"};\nexport const calciteColorBorderInput = {\"light\":\"#949494\",\"dark\":\"#757575\"};\nexport const calciteColorBorderGhost = {\"light\":\"rgba(0, 0, 0, 0.3)\",\"dark\":\"rgba(117, 117, 117, 0.3)\"};\nexport const calciteColorBorderWhite = {\"light\":\"#ffffff\",\"dark\":\"#f8f8f8\"};\nexport const calciteContainerSizeHeightXxs = {\"min\":\"0\",\"max\":\"154px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeHeightXs = {\"min\":\"155px\",\"max\":\"328px\"}; // Handheld devices\nexport const calciteContainerSizeHeightSm = {\"min\":\"329px\",\"max\":\"504px\"}; // Small tablets\nexport const calciteContainerSizeHeightMd = {\"min\":\"505px\",\"max\":\"678px\"}; // Small laptops\nexport const calciteContainerSizeHeightLg = {\"min\":\"679px\",\"max\":\"854px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeHeightXl = {\"min\":\"855px\"}; // Projectors and televisions\nexport const calciteContainerSizeWidthXxs = {\"min\":\"0\",\"max\":\"320px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeWidthXs = {\"min\":\"321px\",\"max\":\"476px\"}; // Handheld devices\nexport const calciteContainerSizeWidthSm = {\"min\":\"477px\",\"max\":\"768px\"}; // Small tablets\nexport const calciteContainerSizeWidthMd = {\"min\":\"769px\",\"max\":\"1152px\"}; // Small laptops\nexport const calciteContainerSizeWidthLg = {\"min\":\"1153px\",\"max\":\"1440px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeWidthXl = {\"min\":\"1441px\"}; // Projectors and televisions\nexport const calciteContainerSizeMargin = \"24px\";\nexport const calciteContainerSizeGutter = \"16px\";\nexport const calciteContainerSizeContentFluid = \"100%\"; // for fluid grid widths\nexport const calciteContainerSizeContentFixed = \"1440px\"; // only for lg breakpoint fixed grid width\nexport const calciteCornerRadius = \"0\";\nexport const calciteCornerRadiusSharp = \"0\";\nexport const calciteCornerRadiusRound = \"4px\";\nexport const calciteCornerRadiusPill = \"100%\";\nexport const calciteFontFamily = [\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"]; // Primary font with fallbacks\nexport const calciteFontFamilyCode = [\"Monaco\",\"Consolas\",\"Andale Mono\",\"Lucida Console\",\"monospace\"]; // Font family for code with fallbacks\nexport const calciteFontWeightLight = \"300\"; // For Avenir Next World (secondary font family)\nexport const calciteFontWeightNormal = \"400\"; // For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"\nexport const calciteFontWeightRegular = \"400\";\nexport const calciteFontWeightMedium = \"500\";\nexport const calciteFontWeightSemibold = \"600\";\nexport const calciteFontWeightBold = \"700\";\nexport const calciteFontSizeXs = \"10px\";\nexport const calciteFontSizeSm = \"12px\";\nexport const calciteFontSize = \"14px\";\nexport const calciteFontSizeMd = \"16px\";\nexport const calciteFontSizeLg = \"18px\";\nexport const calciteFontSizeXl = \"20px\";\nexport const calciteFontSizeXxl = \"24px\";\nexport const calciteFontStyleEmphasis = \"italic\"; // used in ratings\nexport const calciteFontLineHeightFixedSm = \"12px\";\nexport const calciteFontLineHeightFixedBase = \"16px\";\nexport const calciteFontLineHeightFixedLg = \"20px\";\nexport const calciteFontLineHeightFixedXl = \"24px\";\nexport const calciteFontLineHeightRelative = \"auto\"; // 1\nexport const calciteFontLineHeightRelativeTight = \"125%\"; // 1.25\nexport const calciteFontLineHeightRelativeSnug = \"137.5%\"; // 1.375\nexport const calciteFontLineHeightRelativeNormal = \"150%\"; // 1.5\nexport const calciteFontLineHeightRelativeRelaxed = \"162.5%\"; // 1.625\nexport const calciteFontLineHeightRelativeLoose = \"200%\"; // 2\nexport const calciteFontLetterSpacingTight = \"-0.4\";\nexport const calciteFontLetterSpacingNormal = \"0\";\nexport const calciteFontLetterSpacingWide = \"0.4\";\nexport const calciteFontParagraphSpacingNormal = \"4px\";\nexport const calciteFontTextDecorationNone = \"none\";\nexport const calciteFontTextDecorationUnderline = \"underline\";\nexport const calciteFontTextCaseNone = \"none\";\nexport const calciteFontTextCaseUppercase = \"uppercase\";\nexport const calciteFontTextCaseLowercase = \"lowercase\";\nexport const calciteFontTextCaseCapitalize = \"capitalize\";\nexport const calciteOpacityLight = \"0.4\";\nexport const calciteOpacityHalf = \"0.5\";\nexport const calciteOpacityDark = \"0.85\";\nexport const calciteOpacityFull = \"1\";\nexport const calciteOpacityDisabled = \"0.5\";\nexport const calciteShadowNone = {\"x\":\"0\",\"y\":\"0\",\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0)\"};\nexport const calciteShadowSm = [{\"x\":\"0\",\"y\":\"2\",\"blur\":\"8\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.04)\"},{\"x\":\"0\",\"y\":\"4\",\"blur\":\"16\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"}];\nexport const calciteShadowMd = [{\"x\":\"0\",\"y\":\"4\",\"blur\":\"20\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"},{\"x\":\"0\",\"y\":\"12\",\"blur\":\"32\",\"spread\":\"-2\",\"color\":\"rgba(#000000, 0.1)\"}];\nexport const calciteSizePx = \"1px\";\nexport const calciteSizeXxxs = \"2px\";\nexport const calciteSizeXxs = \"4px\";\nexport const calciteSizeXs = \"6px\";\nexport const calciteSizeSm = \"8px\";\nexport const calciteSizeSmPlus = \"10px\";\nexport const calciteSizeMd = \"12px\";\nexport const calciteSizeMdPlus = \"14px\";\nexport const calciteSizeLg = \"16px\";\nexport const calciteSizeXl = \"20px\";\nexport const calciteSizeXxl = \"24px\";\nexport const calciteSizeXxxl = \"32px\";\nexport const calciteSpacingPx = \"1px\";\nexport const calciteSpacingBase = \"2px\";\nexport const calciteSpacingXxs = \"4px\";\nexport const calciteSpacingXs = \"6px\";\nexport const calciteSpacingSm = \"8px\";\nexport const calciteSpacingMd = \"12px\";\nexport const calciteSpacingLg = \"14px\";\nexport const calciteSpacingXl = \"16px\";\nexport const calciteSpacingXxl = \"20px\";\nexport const calciteSpacingXxxl = \"32px\";\nexport const calciteTypography = {\"fontFamily\":[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyLightMinus3h = {\"fontSize\":\"10px\",\"fontWeight\":\"300\",\"lineHeight\":\"12px\"};\nexport const calciteTypographyLightMinus2h = {\"fontSize\":\"12px\",\"fontWeight\":\"300\"};\nexport const calciteTypographyLightMinus1h = {\"fontWeight\":\"300\"};\nexport const calciteTypographyLight0h = {\"fontSize\":\"16px\",\"fontWeight\":\"300\",\"lineHeight\":\"20px\"};\nexport const calciteTypographyLight1h = {\"fontSize\":\"18px\",\"fontWeight\":\"300\",\"lineHeight\":\"24px\"};\nexport const calciteTypographyRegularMinus3h = {\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyRegularMinus2h = {\"fontSize\":\"12px\"};\nexport const calciteTypographyRegularMinus1h = {\"fontFamily\":[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyRegular0h = {\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyRegular1h = {\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyMediumMinus3h = {\"fontWeight\":\"500\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyMediumMinus2h = {\"fontWeight\":\"500\",\"fontSize\":\"12px\"};\nexport const calciteTypographyMediumMinus1h = {\"fontWeight\":\"500\"};\nexport const calciteTypographyMedium0h = {\"fontWeight\":\"500\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyMedium1h = {\"fontWeight\":\"500\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyBoldMinus3h = {\"fontWeight\":\"600\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyBoldMinus2h = {\"fontWeight\":\"600\",\"fontSize\":\"12px\"};\nexport const calciteTypographyBoldMinus1h = {\"fontWeight\":\"600\"};\nexport const calciteTypographyBold0h = {\"fontWeight\":\"600\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyBold1h = {\"fontWeight\":\"600\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight0 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapLight1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapLight3 = {\"fontWeight\":\"300\",\"lineHeight\":\"125%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapLightMinus2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapLightMinus1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapRegular0 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapRegular1 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapRegular2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapRegular3 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapRegularMinus2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapRegularMinus1 = {\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapMedium0 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapMedium1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapMedium2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapMedium3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapMediumMinus2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapMediumMinus1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapBold0 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapBold1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapBold2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapBold3 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapBoldMinus2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapBoldMinus1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyDisplay1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyDisplay2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyHeading2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyHierarchyHeading4 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyHierarchyHeading5 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyBodySnug = {\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyBody = {\"fontFamily\":[\"Avenir Next\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyHierarchyOverline = {\"lineHeight\":\"12px\",\"textCase\":\"uppercase\",\"fontWeight\":\"700\"};\nexport const calciteTypographyHierarchyCaption = {\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteZIndexDeep = \"-999999\";\nexport const calciteZIndex = \"1\";\nexport const calciteZIndexSticky = \"300\";\nexport const calciteZIndexHeader = \"400\";\nexport const calciteZIndexToast = \"500\";\nexport const calciteZIndexDropdown = \"600\";\nexport const calciteZIndexOverlay = \"700\";\nexport const calciteZIndexModal = \"800\";\nexport const calciteZIndexPopup = \"900\";\nexport const calciteZIndexTooltip = \"901\";\n","import {\n  calciteContainerSizeWidthLg,\n  calciteContainerSizeWidthMd,\n  calciteContainerSizeWidthSm,\n  calciteContainerSizeWidthXs,\n  calciteContainerSizeWidthXxs,\n} from \"@esri/calcite-design-tokens/dist/es6/global\";\n\nexport interface Breakpoints {\n  width: {\n    large: number;\n    medium: number;\n    small: number;\n    xsmall: number;\n    xxsmall: number;\n  };\n}\n\n/**\n * A breakpoints lookup object.\n */\nexport const breakpoints: Breakpoints = {\n  width: {\n    large: cssLengthToNumber(calciteContainerSizeWidthLg.max),\n    medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),\n    small: cssLengthToNumber(calciteContainerSizeWidthSm.max),\n    xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),\n    xxsmall: cssLengthToNumber(calciteContainerSizeWidthXxs.max),\n  },\n};\n\nfunction cssLengthToNumber(length: string): number {\n  return parseInt(length);\n}\n"],"mappings":";;;;;AAwDO,MAAMA,EAA+B,CAACC,IAAM,IAAIC,IAAM,SACtD,MAAMC,EAA8B,CAACF,IAAM,QAAQC,IAAM,SACzD,MAAME,EAA8B,CAACH,IAAM,QAAQC,IAAM,SACzD,MAAMG,EAA8B,CAACJ,IAAM,QAAQC,IAAM,UACzD,MAAMI,EAA8B,CAACL,IAAM,SAASC,IAAM,U,MCvCpDK,EAA2B,CACtCC,MAAO,CACLC,MAAOC,EAAkBJ,EAA4BJ,KACrDS,OAAQD,EAAkBL,EAA4BH,KACtDU,MAAOF,EAAkBN,EAA4BF,KACrDW,OAAQH,EAAkBP,EAA4BD,KACtDY,QAASJ,EAAkBV,EAA6BE,OAI5D,SAASQ,EAAkBK,GACzB,OAAOC,SAASD,EAClB,Q","ignoreList":[]}

package/dist/calcite/p-daa56de3.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,c as t,h as c,H as o,g as i}from"./p-0a2f91d4.js";import{b as a,t as n}from"./p-806dc8f8.js";import{c as r,d as s}from"./p-2abe8907.js";import{c as l,d,s as h,u as p}from"./p-f0661425.js";import{c as f,a as b,s as v}from"./p-65e04a6e.js";import{u,I as g}from"./p-a805c9c4.js";import{i as m}from"./p-103c1961.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-966e4808.js";import"./p-df6c8bd7.js";const x={container:"container",contentWrapper:"content-wrapper",header:"header",footer:"footer",heading:"heading",description:"description",checkboxWrapper:"checkbox-wrapper",checkboxWrapperDeprecated:"checkbox-wrapper-deprecated",thumbnailWrapper:"thumbnail-wrapper",headerTextContainer:"header-text-container",cardContent:"card-content",hasSlottedContent:"has-slotted-content"};const w={thumbnail:"thumbnail",heading:"heading",description:"description",footerStart:"footer-start",footerEnd:"footer-end",title:"title",subtitle:"subtitle"};const k={selected:"check-square-f",unselected:"square",selectedSingle:"circle-f",unselectedSingle:"circle"};const y=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-spacing-md);padding-block-start:var(--calcite-spacing-xxs);padding-block-end:var(--calcite-spacing-md)}.header-text-container{display:flex;inline-size:100%;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem}.header-text-container:not(:only-child){padding-inline-end:0.125rem}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{block-size:auto;font-size:var(--calcite-font-size--2);line-height:1.375}.has-slotted-content{padding:0.75rem}:host([selected]) .content-wrapper{box-shadow:inset 0 -4px 0 0 var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;margin-block-start:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=description]::slotted(*),*::slotted([slot=description]){margin:0px;margin-block-start:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper-deprecated{pointer-events:auto;position:absolute;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{pointer-events:auto;margin:0.5rem;cursor:pointer;padding:0.5rem;outline-color:transparent;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:0.25rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const z=y;const j=class{constructor(c){e(this,c);this.calciteCardSelect=t(this,"calciteCardSelect",6);this.calciteInternalCardKeyEvent=t(this,"calciteInternalCardKeyEvent",6);this.handleThumbnailSlotChange=e=>{this.hasThumbnail=a(e)};this.handleHeadingSlotChange=e=>{this.hasHeading=a(e)};this.handleDescriptionSlotChange=e=>{this.hasDescription=a(e)};this.handleTitleSlotChange=e=>{this.hasTitle=a(e)};this.handleSubtitleSlotChange=e=>{this.hasSubtitle=a(e)};this.handleFooterStartSlotChange=e=>{this.hasFooterStart=a(e)};this.handleFooterEndSlotChange=e=>{this.hasFooterEnd=a(e)};this.handleDefaultSlotChange=e=>{this.hasContent=a(e)};this.keyDownHandler=e=>{if(e.target===this.containerEl&&!this.selectable&&!this.disabled){if(m(e.key)&&this.selectionMode!=="none"){this.calciteCardSelect.emit();e.preventDefault()}else{switch(e.key){case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalCardKeyEvent.emit(e);e.preventDefault();break}}}};this.cardBodyClickHandler=e=>{const t=e.target===this.containerEl;if(t&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"){this.calciteCardSelect.emit()}};this.cardSelectKeyDownDeprecated=e=>{switch(e.key){case" ":case"Enter":this.selectCardDeprecated();e.preventDefault();break}};this.selectCardDeprecated=()=>{this.selected=!this.selected;this.calciteCardSelect.emit()};this.cardSelectClick=e=>{if(!this.disabled){e.preventDefault();this.calciteCardSelect.emit();this.setFocus()}};this.loading=false;this.thumbnailPosition="block-start";this.disabled=false;this.label=undefined;this.selectable=false;this.selected=false;this.messages=undefined;this.selectionMode="none";this.messageOverrides=undefined;this.effectiveLocale=undefined;this.hasThumbnail=false;this.hasHeading=false;this.hasDescription=false;this.hasSubtitle=false;this.hasTitle=false;this.hasFooterStart=false;this.hasFooterEnd=false;this.defaultMessages=undefined;this.hasContent=false}onMessagesChange(){}async setFocus(){await f(this);if(!this.disabled){this.containerEl?.focus()}}connectedCallback(){r(this);l(this)}componentDidLoad(){b(this)}componentDidRender(){u(this)}disconnectedCallback(){s(this);d(this)}async componentWillLoad(){v(this);await h(this)}effectiveLocaleChange(){p(this,this.effectiveLocale)}renderCheckboxDeprecated(){return c("calcite-label",{class:x.checkboxWrapperDeprecated},c("calcite-checkbox",{checked:this.selected,label:this.messages.select,onClick:this.selectCardDeprecated,onKeyDown:this.cardSelectKeyDownDeprecated}))}renderThumbnail(){return c("section",{class:x.thumbnailWrapper,hidden:!this.hasThumbnail},c("slot",{name:w.thumbnail,onSlotchange:this.handleThumbnailSlotChange}))}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?k.selected:this.selectionMode==="multiple"?k.unselected:this.selected?k.selectedSingle:k.unselectedSingle;return c("div",{class:x.checkboxWrapper,onPointerDown:this.cardSelectClick,tabIndex:-1},c("calcite-icon",{icon:e,scale:"s"}))}renderHeader(){const e=this.hasHeading||this.hasDescription;const t=this.hasSubtitle||this.hasTitle;const o=e||t;return c("header",{class:x.header,hidden:!o},this.selectable?this.renderCheckboxDeprecated():null,c("div",{class:x.headerTextContainer},c("slot",{name:w.heading,onSlotchange:this.handleHeadingSlotChange}),c("slot",{name:w.description,onSlotchange:this.handleDescriptionSlotChange}),c("slot",{name:w.title,onSlotchange:this.handleTitleSlotChange}),c("slot",{name:w.subtitle,onSlotchange:this.handleSubtitleSlotChange})),this.selectionMode!=="none"&&this.renderSelectionIcon())}renderFooter(){const e=this.hasFooterStart||this.hasFooterEnd;return c("footer",{class:x.footer,hidden:!e},c("slot",{name:w.footerStart,onSlotchange:this.handleFooterStartSlotChange}),c("slot",{name:w.footerEnd,onSlotchange:this.handleFooterEndSlotChange}))}render(){const e=this.thumbnailPosition.startsWith("inline");const t=this.thumbnailPosition.endsWith("start");const i=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":undefined;return c(o,{key:"dbb99f5c06440d5f7100f89bfef1febbd8d01f3e"},c(g,{key:"6fef7f69921c33bab4c66d34c0691821c837cc82",disabled:this.disabled},c("div",{key:"bcd3a1fecbfc39a15102099db8e6943b0e2207c5","aria-checked":this.selectionMode!=="none"?n(this.selected):undefined,"aria-label":this.label,class:{[x.contentWrapper]:true,inline:e},onClick:this.cardBodyClickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.containerEl=e,role:i,tabIndex:!this.selectable||this.disabled?0:-1},this.loading?c("div",{"aria-live":"polite",class:"calcite-card-loader-container"},c("calcite-loader",{label:this.messages.loading})):null,t&&this.renderThumbnail(),c("section",{key:"81c5383f8b09ce6372fd94a0e3c9e91c502a18bc","aria-busy":n(this.loading),class:{[x.container]:true}},this.renderHeader(),c("div",{key:"12d9564007bc07a3e0643ec0b097cab856968e02",class:{[x.cardContent]:true,[x.hasSlottedContent]:this.hasContent}},c("slot",{key:"1c500b0005123c768bfb77eecb62a0166c5e178f",onSlotchange:this.handleDefaultSlotChange})),this.renderFooter()),!t&&this.renderThumbnail())))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=z;export{j as calcite_card};
-//# sourceMappingURL=p-daa56de3.entry.js.map

package/dist/calcite/p-daa56de3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","contentWrapper","header","footer","heading","description","checkboxWrapper","checkboxWrapperDeprecated","thumbnailWrapper","headerTextContainer","cardContent","hasSlottedContent","SLOTS","thumbnail","footerStart","footerEnd","title","subtitle","ICONS","selected","unselected","selectedSingle","unselectedSingle","cardCss","CalciteCardStyle0","Card","this","handleThumbnailSlotChange","event","hasThumbnail","slotChangeHasAssignedElement","handleHeadingSlotChange","hasHeading","handleDescriptionSlotChange","hasDescription","handleTitleSlotChange","hasTitle","handleSubtitleSlotChange","hasSubtitle","handleFooterStartSlotChange","hasFooterStart","handleFooterEndSlotChange","hasFooterEnd","handleDefaultSlotChange","hasContent","keyDownHandler","target","containerEl","selectable","disabled","isActivationKey","key","selectionMode","calciteCardSelect","emit","preventDefault","calciteInternalCardKeyEvent","cardBodyClickHandler","isFromScreenReader","cardSelectKeyDownDeprecated","selectCardDeprecated","cardSelectClick","setFocus","onMessagesChange","componentFocusable","focus","connectedCallback","connectLocalized","connectMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","effectiveLocaleChange","updateMessages","effectiveLocale","renderCheckboxDeprecated","h","class","checked","label","messages","select","onClick","onKeyDown","renderThumbnail","hidden","name","onSlotchange","renderSelectionIcon","icon","onPointerDown","tabIndex","scale","renderHeader","hasHeader","hasDeprecatedHeader","showHeader","renderFooter","hasFooter","render","thumbnailInline","thumbnailPosition","startsWith","thumbnailStart","endsWith","role","undefined","Host","InteractiveContainer","toAriaBoolean","inline","ref","el","loading"],"sources":["src/components/card/resources.ts","src/components/card/card.scss?tag=calcite-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  contentWrapper: \"content-wrapper\",\n  header: \"header\",\n  footer: \"footer\",\n  heading: \"heading\",\n  description: \"description\",\n  checkboxWrapper: \"checkbox-wrapper\",\n  checkboxWrapperDeprecated: \"checkbox-wrapper-deprecated\",\n  thumbnailWrapper: \"thumbnail-wrapper\",\n  headerTextContainer: \"header-text-container\",\n  cardContent: \"card-content\",\n  hasSlottedContent: \"has-slotted-content\",\n};\n\nexport const SLOTS = {\n  thumbnail: \"thumbnail\",\n  heading: \"heading\",\n  description: \"description\",\n  footerStart: \"footer-start\",\n  footerEnd: \"footer-end\",\n  title: \"title\",\n  subtitle: \"subtitle\",\n};\n\nexport const ICONS = {\n  selected: \"check-square-f\",\n  unselected: \"square\",\n  selectedSingle: \"circle-f\",\n  unselectedSingle: \"circle\",\n} as const;\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-card-accent-color-selected: Specifies the component's accent color when `selected`.\n * @prop --calcite-card-background-color: Specifies the component's background color.\n * @prop --calcite-card-border-color: Specifies the component's border color.\n * @prop --calcite-card-corner-radius: Specifies the component's corner radius.\n * @prop --calcite-card-selection-background-color-active: [Deprecated] Use `--calcite-card-selection-background-color-press`. Specifies the component's selection element background color when active.\n * @prop --calcite-card-selection-background-color-hover: Specifies the component's selection element background color when hovered.\n * @prop --calcite-card-selection-background-color-press: Specifies the component's selection element background color when active.\n * @prop --calcite-card-selection-background-color-selected: [Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element icon color when `selected`.\n * @prop --calcite-card-selection-background-color: [Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element background color.\n * @prop --calcite-card-selection-color-hover: Specifies the component's selection element color when hovered or focused.\n * @prop --calcite-card-selection-color: Specifies the component's selection element color.\n * @prop --calcite-card-selection-icon-color-hover: [Deprecated] Use `--calcite-card-selection-color-hover`. Specifies the component's selection element icon color when hovered.\n * @prop --calcite-card-selection-icon-color-selected: [Deprecated] Use `--calcite-card-accent-color-selected`. Specifies the component's selection element icon color when `selected`.\n * @prop --calcite-card-selection-icon-color: [Deprecated] Use `--calcite-card-selection-color`. Specifies the component's selection element icon color.\n * @prop --calcite-card-shadow: Specifies the component's shadow.\n *\n */\n\n:host {\n  @apply block max-w-full;\n}\n\n.content-wrapper {\n  @apply relative\n    flex\n    h-full\n    flex-col\n    justify-between\n    overflow-hidden;\n  border: var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));\n  border-radius: var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));\n  background-color: var(--calcite-card-background-color, var(--calcite-color-foreground-1));\n  box-shadow: var(--calcite-card-shadow, var(--calcite-shadow-none));\n  pointer-events: none;\n}\n\n::slotted(*) {\n  @apply pointer-events-auto;\n}\n\n:host(:not([selectable])) {\n  .content-wrapper {\n    &:not(.non-interactive) {\n      @apply focus-base;\n    }\n    &:not(.non-interactive):focus {\n      @apply focus-outset;\n    }\n  }\n}\n\n.container {\n  @apply relative flex flex-auto flex-col;\n}\n\n:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container) {\n  @apply pointer-events-none;\n  opacity: $calcite-opacity-0;\n}\n\n:host([loading]) .calcite-card-loader-container {\n  @apply absolute inset-0 flex items-center;\n}\n\n.header {\n  @apply flex flex-row items-start;\n}\n\n.footer {\n  @apply flex mt-auto flex-row content-between justify-between;\n  padding-inline: var(--calcite-spacing-md);\n  padding-block-start: var(--calcite-spacing-xxs);\n  padding-block-end: var(--calcite-spacing-md);\n}\n\n.header-text-container {\n  @apply flex flex-col px-3 py-2 w-full justify-center;\n  &:not(:only-child) {\n    @apply pr-0.5;\n  }\n}\n\n.footer {\n  @apply mt-auto flex-row content-between\n    justify-between\n    px-3\n    pt-1\n    pb-3;\n}\n\n.card-content {\n  @apply h-auto text-n2-wrap;\n}\n\n.has-slotted-content {\n  @apply p-3;\n}\n\n:host([selected]) .content-wrapper {\n  box-shadow: inset 0 -4px 0 0 var(--calcite-card-accent-color-selected, var(--calcite-color-brand));\n}\n\n:host([selectable]) .header {\n  padding-inline-end: var(--calcite-spacing-xxxl);\n}\n\n@include slotted(\"title\", \"*\") {\n  @apply text-color-1\n    text-n1-wrap\n    m-0\n    font-medium;\n}\n\n@include slotted(\"subtitle\", \"*\") {\n  @apply text-color-2\n    text-n2-wrap\n    m-0 mt-0.5\n    font-normal;\n}\n\n@include slotted(\"heading\", \"*\") {\n  @apply text-color-1\n    text-n1-wrap\n    m-0\n    font-medium;\n}\n\n@include slotted(\"description\", \"*\") {\n  @apply text-color-2\n    text-n2-wrap\n    m-0 mt-0.5\n    font-normal;\n}\n\n@include slotted(\"thumbnail\", \"img\") {\n  @apply min-w-full max-w-full;\n}\n\n@include slotted(\"footer-start\", \"*\") {\n  @apply text-n2-wrap self-center;\n  margin-inline-end: auto;\n}\n\n@include slotted(\"footer-end\", \"*\") {\n  @apply text-n2-wrap self-center;\n}\n\n// deprecated\n.checkbox-wrapper-deprecated {\n  @apply absolute pointer-events-auto;\n  inset-block-start: var(--calcite-spacing-sm);\n  inset-inline-end: var(--calcite-spacing-sm);\n  margin: 0;\n  padding: 0;\n  color: var(--calcite-card-selection-color, var(--calcite-color-text-3));\n\n  &:hover {\n    background-color: var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));\n    color: var(\n      --calcite-card-selection-color-hover,\n      var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2))\n    );\n  }\n  &:active {\n    background-color: var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));\n  }\n}\n\n.checkbox-wrapper {\n  @apply m-2 p-2 focus-base cursor-pointer pointer-events-auto;\n  display: flex;\n  align-items: center;\n  justify-items: center;\n  color: var(--calcite-card-selection-color, var(--calcite-color-text-3));\n\n  &:hover {\n    background-color: var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));\n    color: var(\n      --calcite-card-selection-color-hover,\n      var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2))\n    );\n  }\n  &:active {\n    background-color: var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));\n  }\n  & calcite-icon {\n    pointer-events: none;\n  }\n}\n\n:host([selected]) {\n  .checkbox-wrapper-deprecated,\n  .checkbox-wrapper {\n    color: var(\n      --calcite-card-accent-color-selected,\n      var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand))\n    );\n  }\n}\n\n:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus {\n  .checkbox-wrapper-deprecated,\n  .checkbox-wrapper {\n    background-color: var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));\n    color: var(\n      --calcite-card-selection-color-hover,\n      var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2))\n    );\n  }\n}\n\n:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus {\n  .checkbox-wrapper-deprecated,\n  .checkbox-wrapper {\n    background-color: var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));\n    color: var(\n      --calcite-card-accent-color-selected,\n      var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand))\n    );\n  }\n}\n/* end deprecated */\n\n.thumbnail-wrapper {\n  @apply flex;\n}\n\n.content-wrapper.inline {\n  @apply flex-row;\n\n  & > .container {\n    @apply w-3/5;\n  }\n  & > .thumbnail-wrapper {\n    @apply items-start w-2/5;\n  }\n\n  @include slotted(\"thumbnail\", \"img\") {\n    @apply w-full;\n  }\n}\n\nslot[name=\"footer-start\"]::slotted(*),\nslot[name=\"footer-end\"]::slotted(*) {\n  @apply flex gap-1;\n}\n\n@include base-component();\n@include disabled();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { LogicalFlowPosition, SelectionMode } from \"../interfaces\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\nimport { CardMessages } from \"./assets/card/t9n\";\n\n/**\n * @slot - A slot for adding content.\n * @slot title - [Deprecated] use `heading` instead. A slot for adding a heading.\n * @slot subtitle - [Deprecated] use `description` instead. A slot for adding a description.\n * @slot thumbnail - A slot for adding a thumbnail.\n * @slot heading - A slot for adding a heading.\n * @slot description - A slot for adding a description.\n * @slot footer-start - A slot for adding a leading footer.\n * @slot footer-end - A slot for adding a trailing footer.\n */\n\n@Component({\n  tag: \"calcite-card\",\n  styleUrl: \"card.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Card\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**  When `true`, a busy indicator is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Sets the placement of the thumbnail defined in the `thumbnail` slot. */\n  @Prop({ reflect: true }) thumbnailPosition: LogicalFlowPosition = \"block-start\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /**\n   * When `true`, the component is selectable.\n   *\n   * @deprecated use `selectionMode` property on a parent `calcite-card-group` instead.\n   */\n  @Prop({ reflect: true }) selectable = false;\n\n  /** When `true`, the component is selected.  */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: CardMessages;\n\n  /**\n   * This internal property, managed by a containing `calcite-card-group`, is\n   * conditionally set based on the `selectionMode` of the parent\n   *\n   * @internal\n   */\n  @Prop() selectionMode: Extract<\"multiple\" | \"single\" | \"single-persist\" | \"none\", SelectionMode> =\n    \"none\";\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<CardMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the deprecated `selectable` is true, or `selectionMode` set on parent `calcite-card-group` is not `none` and the component is selected. */\n  @Event({ cancelable: false }) calciteCardSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalCardKeyEvent: EventEmitter<KeyboardEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    if (!this.disabled) {\n      this.containerEl?.focus();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCardElement;\n\n  @State() effectiveLocale: string;\n\n  @State() hasThumbnail = false;\n\n  @State() hasHeading = false;\n\n  @State() hasDescription = false;\n\n  @State() hasSubtitle = false;\n\n  @State() hasTitle = false;\n\n  @State() hasFooterStart = false;\n\n  @State() hasFooterEnd = false;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: CardMessages;\n\n  @State() private hasContent = false;\n\n  private containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private handleThumbnailSlotChange = (event: Event): void => {\n    this.hasThumbnail = slotChangeHasAssignedElement(event);\n  };\n\n  private handleHeadingSlotChange = (event: Event): void => {\n    this.hasHeading = slotChangeHasAssignedElement(event);\n  };\n\n  private handleDescriptionSlotChange = (event: Event): void => {\n    this.hasDescription = slotChangeHasAssignedElement(event);\n  };\n\n  private handleTitleSlotChange = (event: Event): void => {\n    this.hasTitle = slotChangeHasAssignedElement(event);\n  };\n\n  private handleSubtitleSlotChange = (event: Event): void => {\n    this.hasSubtitle = slotChangeHasAssignedElement(event);\n  };\n\n  private handleFooterStartSlotChange = (event: Event): void => {\n    this.hasFooterStart = slotChangeHasAssignedElement(event);\n  };\n\n  private handleFooterEndSlotChange = (event: Event): void => {\n    this.hasFooterEnd = slotChangeHasAssignedElement(event);\n  };\n\n  private handleDefaultSlotChange = (event: Event): void => {\n    this.hasContent = slotChangeHasAssignedElement(event);\n  };\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.target === this.containerEl && !this.selectable && !this.disabled) {\n      if (isActivationKey(event.key) && this.selectionMode !== \"none\") {\n        this.calciteCardSelect.emit();\n        event.preventDefault();\n      } else {\n        switch (event.key) {\n          case \"ArrowRight\":\n          case \"ArrowLeft\":\n          case \"Home\":\n          case \"End\":\n            this.calciteInternalCardKeyEvent.emit(event);\n            event.preventDefault();\n            break;\n        }\n      }\n    }\n  };\n\n  private cardBodyClickHandler = (event: MouseEvent): void => {\n    const isFromScreenReader = event.target === this.containerEl;\n    if (isFromScreenReader && !this.selectable && !this.disabled && this.selectionMode !== \"none\") {\n      this.calciteCardSelect.emit();\n    }\n  };\n\n  private renderCheckboxDeprecated(): VNode {\n    return (\n      <calcite-label class={CSS.checkboxWrapperDeprecated}>\n        <calcite-checkbox\n          checked={this.selected}\n          label={this.messages.select}\n          onClick={this.selectCardDeprecated}\n          onKeyDown={this.cardSelectKeyDownDeprecated}\n        />\n      </calcite-label>\n    );\n  }\n\n  private cardSelectKeyDownDeprecated = (event: KeyboardEvent): void => {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.selectCardDeprecated();\n        event.preventDefault();\n        break;\n    }\n  };\n\n  private selectCardDeprecated = (): void => {\n    this.selected = !this.selected;\n    this.calciteCardSelect.emit();\n  };\n\n  private cardSelectClick = (event): void => {\n    if (!this.disabled) {\n      event.preventDefault();\n      this.calciteCardSelect.emit();\n      this.setFocus();\n    }\n  };\n\n  private renderThumbnail(): VNode {\n    return (\n      <section class={CSS.thumbnailWrapper} hidden={!this.hasThumbnail}>\n        <slot name={SLOTS.thumbnail} onSlotchange={this.handleThumbnailSlotChange} />\n      </section>\n    );\n  }\n\n  private renderSelectionIcon(): VNode {\n    const icon: IconNameOrString =\n      this.selectionMode === \"multiple\" && this.selected\n        ? ICONS.selected\n        : this.selectionMode === \"multiple\"\n          ? ICONS.unselected\n          : this.selected\n            ? ICONS.selectedSingle\n            : ICONS.unselectedSingle;\n\n    return (\n      <div class={CSS.checkboxWrapper} onPointerDown={this.cardSelectClick} tabIndex={-1}>\n        <calcite-icon icon={icon} scale=\"s\" />\n      </div>\n    );\n  }\n\n  private renderHeader(): VNode {\n    const hasHeader = this.hasHeading || this.hasDescription;\n    const hasDeprecatedHeader = this.hasSubtitle || this.hasTitle;\n    const showHeader = hasHeader || hasDeprecatedHeader;\n\n    return (\n      <header class={CSS.header} hidden={!showHeader}>\n        {this.selectable ? this.renderCheckboxDeprecated() : null}\n        <div class={CSS.headerTextContainer}>\n          <slot name={SLOTS.heading} onSlotchange={this.handleHeadingSlotChange} />\n          <slot name={SLOTS.description} onSlotchange={this.handleDescriptionSlotChange} />\n          <slot name={SLOTS.title} onSlotchange={this.handleTitleSlotChange} />\n          <slot name={SLOTS.subtitle} onSlotchange={this.handleSubtitleSlotChange} />\n        </div>\n        {this.selectionMode !== \"none\" && this.renderSelectionIcon()}\n      </header>\n    );\n  }\n\n  private renderFooter(): VNode {\n    const hasFooter = this.hasFooterStart || this.hasFooterEnd;\n    return (\n      <footer class={CSS.footer} hidden={!hasFooter}>\n        <slot name={SLOTS.footerStart} onSlotchange={this.handleFooterStartSlotChange} />\n        <slot name={SLOTS.footerEnd} onSlotchange={this.handleFooterEndSlotChange} />\n      </footer>\n    );\n  }\n\n  render(): VNode {\n    const thumbnailInline = this.thumbnailPosition.startsWith(\"inline\");\n    const thumbnailStart = this.thumbnailPosition.endsWith(\"start\");\n    const role =\n      this.selectionMode === \"multiple\"\n        ? \"checkbox\"\n        : this.selectionMode !== \"none\"\n          ? \"radio\"\n          : undefined;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={this.selectionMode !== \"none\" ? toAriaBoolean(this.selected) : undefined}\n            aria-label={this.label}\n            class={{ [CSS.contentWrapper]: true, inline: thumbnailInline }}\n            onClick={this.cardBodyClickHandler}\n            onKeyDown={this.keyDownHandler}\n            ref={(el) => (this.containerEl = el)}\n            role={role}\n            tabIndex={!this.selectable || this.disabled ? 0 : -1}\n          >\n            {this.loading ? (\n              <div aria-live=\"polite\" class=\"calcite-card-loader-container\">\n                <calcite-loader label={this.messages.loading} />\n              </div>\n            ) : null}\n            {thumbnailStart && this.renderThumbnail()}\n            <section aria-busy={toAriaBoolean(this.loading)} class={{ [CSS.container]: true }}>\n              {this.renderHeader()}\n              <div\n                class={{\n                  [CSS.cardContent]: true,\n                  [CSS.hasSlottedContent]: this.hasContent,\n                }}\n              >\n                <slot onSlotchange={this.handleDefaultSlotChange} />\n              </div>\n              {this.renderFooter()}\n            </section>\n            {!thumbnailStart && this.renderThumbnail()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-dab34e04.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as _}from"./p-5e711787.js";import"./p-0a2f91d4.js";import"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-a805c9c4.js";import"./p-103c1961.js";import"./p-7f9ce223.js";import"./p-fe34acf8.js";import"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-2abe8907.js";import"./p-966e4808.js";import"./p-b5c9b47d.js";import"./p-3d516d20.js";import"./p-9e9191b2.js";import"./p-f0661425.js";import"./p-130617eb.js";import"./p-6add61e9.js";var r={name:"bg",weekdays:"неделя_понеделник_вторник_сряда_четвъртък_петък_събота".split("_"),weekdaysShort:"нед_пон_вто_сря_чет_пет_съб".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:"януари_февруари_март_април_май_юни_юли_август_септември_октомври_ноември_декември".split("_"),monthsShort:"яну_фев_мар_апр_май_юни_юли_авг_сеп_окт_ное_дек".split("_"),weekStart:1,ordinal:function _(r){var p=r%100;if(p>10&&p<20){return r+"-ти"}var t=r%10;if(t===1){return r+"-ви"}else if(t===2){return r+"-ри"}else if(t===7||t===8){return r+"-ми"}return r+"-ти"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"след %s",past:"преди %s",s:"няколко секунди",m:"минута",mm:"%d минути",h:"час",hh:"%d часа",d:"ден",dd:"%d дена",M:"месец",MM:"%d месеца",y:"година",yy:"%d години"}};_.locale(r,null,true);export{r as default};
-//# sourceMappingURL=p-dab34e04.js.map

package/dist/calcite/p-db06cfbd.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as _}from"./p-5e711787.js";import"./p-0a2f91d4.js";import"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-a805c9c4.js";import"./p-103c1961.js";import"./p-7f9ce223.js";import"./p-fe34acf8.js";import"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-2abe8907.js";import"./p-966e4808.js";import"./p-b5c9b47d.js";import"./p-3d516d20.js";import"./p-9e9191b2.js";import"./p-f0661425.js";import"./p-130617eb.js";import"./p-6add61e9.js";var p={name:"el",weekdays:"Κυριακή_Δευτέρα_Τρίτη_Τετάρτη_Πέμπτη_Παρασκευή_Σάββατο".split("_"),weekdaysShort:"Κυρ_Δευ_Τρι_Τετ_Πεμ_Παρ_Σαβ".split("_"),weekdaysMin:"Κυ_Δε_Τρ_Τε_Πε_Πα_Σα".split("_"),months:"Ιανουάριος_Φεβρουάριος_Μάρτιος_Απρίλιος_Μάιος_Ιούνιος_Ιούλιος_Αύγουστος_Σεπτέμβριος_Οκτώβριος_Νοέμβριος_Δεκέμβριος".split("_"),monthsShort:"Ιαν_Φεβ_Μαρ_Απρ_Μαι_Ιουν_Ιουλ_Αυγ_Σεπτ_Οκτ_Νοε_Δεκ".split("_"),ordinal:function _(p){return p},weekStart:1,relativeTime:{future:"σε %s",past:"πριν %s",s:"μερικά δευτερόλεπτα",m:"ένα λεπτό",mm:"%d λεπτά",h:"μία ώρα",hh:"%d ώρες",d:"μία μέρα",dd:"%d μέρες",M:"ένα μήνα",MM:"%d μήνες",y:"ένα χρόνο",yy:"%d χρόνια"},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"}};_.locale(p,null,true);export{p as default};
-//# sourceMappingURL=p-db06cfbd.js.map