npm - @pine-ds/core - Versions diffs - 2.16.2 → 2.16.4 - Mend

@pine-ds/core 2.16.2 → 2.16.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (510) hide show

package/dist/esm-es5/pds-chip.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pdsChipTokensCss","PdsChipStyle0","pdsChipCss","PdsChipStyle1","PdsChip","this","handleCloseClick","_this","pdsTagCloseClick","emit","prototype","classNames","large","push","variant","sentiment","join","setChipContent","isDropdown","chipContent","h","class","type","dot","label","icon","downSmall","size","render","Host","key","id","componentId","onClick","remove"],"sources":["src/components/pds-chip/pds-chip.tokens.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":["/*\n Do not edit directly, this file was auto-generated.\n /\n\n:host {\n --pine-chip-color-~~warning-dot~~: var(--pine-color-~~yellow~~-~~600~~);\n --pine-chip-color-~~warning~~-hover: var(--pine-color-~~yellow~~-300);\n --pine-chip-color-~~warning~~: var(--pine-color-~~yellow~~-~~100~~);\n --pine-chip-color-~~success-dot~~: var(--pine-color-~~green~~-~~600~~);\n --pine-chip-color-~~success~~-hover: var(--pine-color-~~green~~-300);\n --pine-chip-color-~~success~~: var(--pine-color-~~green~~-~~100~~);\n --pine-chip-color-~~neutral-dot~~: var(--pine-color-~~grey~~-~~600~~);\n --pine-chip-color-~~neutral~~-hover: var(--pine-color-~~grey~~-300);\n --pine-chip-color-~~neutral~~: var(--pine-color-~~grey~~-~~100~~);\n --pine-chip-color-~~info-dot~~: var(--pine-color-~~blue~~-~~600~~);\n --pine-chip-color-~~info~~-hover: var(--pine-color-~~blue~~-300);\n --pine-chip-color-~~info~~: var(--pine-color-~~blue~~-~~100~~);\n --pine-chip-color-~~danger-dot~~: var(--pine-color-~~red~~-~~600~~);\n --pine-chip-color-~~danger~~-hover: var(--pine-color-~~red~~-300);\n --pine-chip-color-~~danger~~: var(--pine-color-~~red~~-~~100~~);\n --pine-chip-color-~~accent-dot~~: var(--pine-color-~~purple~~-~~600~~);\n --pine-chip-color-~~accent~~-hover: var(--pine-color-~~purple~~-300);\n --pine-chip-color-~~accent~~: var(--pine-color-~~purple~~-~~100~~);\n}\n",":host {\n --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n\n --sizing-close: ~~10px~~;\n\n align-items: center;\n border-radius: var(--pine-dimension-sm);\n display: inline-flex;\n padding-block: var(--pine-dimension-2xs);\n padding-inline: var(--pine-dimension-150);\n}\n\n$pds-chip-sentiment: (\n accent: var(--pine-chip-color-accent),\n danger: var(--pine-chip-color-danger),\n info: var(--pine-chip-color-info),\n neutral: var(--pine-chip-color-neutral),\n success: var(--pine-chip-color-success),\n warning: var(--pine-chip-color-warning),\n);\n\n$pds-chip-sentiment-text: (\n accent: var(--pine-color-text-accent),\n danger: var(--pine-color-text-danger),\n info: var(--pine-color-text-info),\n neutral: var(--pine-color-text-neutral),\n success: var(--pine-color-text-success),\n warning: var(--pine-color-text-warning),\n);\n\n$pds-chip-sentiment-dots: (\n accent: var(--pine-chip-color-accent-dot),\n danger: var(--pine-chip-color-danger-dot),\n info: var(--pine-chip-color-info-dot),\n neutral: var(--pine-chip-color-neutral-dot),\n success: var(--pine-chip-color-success-dot),\n warning: var(--pine-chip-color-warning-dot),\n);\n\n$pds-chip-sentiment-hover: (\n accent: var(--pine-chip-color-accent-hover),\n danger: var(--pine-chip-color-danger-hover),\n info: var(--pine-chip-color-info-hover),\n neutral: var(--pine-chip-color-neutral-hover),\n success: var(--pine-chip-color-success-hover),\n warning: var(--pine-chip-color-warning-hover),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n :host(.pds-chip--#{$sentiment}) {\n background: $value;\n border: var(--pine-border-width) solid var(--pine-chip-color-#{$sentiment}-hover);\n\n // dot colors\n .pds-chip__dot {\n / stylelint-disable-next-line /\n background: map-get($pds-chip-sentiment-dots, $sentiment);\n }\n\n .pds-chip__label, .pds-chip__button, .pds-chip__close {\n / stylelint-disable-next-line /\n color: map-get($pds-chip-sentiment-text, $sentiment);\n font-weight: var(--pine-font-weight-medium);\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n / stylelint-disable-next-line /\n background: map-get($pds-chip-sentiment-hover, $sentiment);\n }\n }\n // dropdown hover colors\n :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n / stylelint-disable-next-line /\n background: map-get($pds-chip-sentiment-hover, $sentiment);\n }\n}\n\n.pds-chip__dot {\n border: var(--pine-border-width) solid transparent;\n border-radius: var(--pine-border-radius-full);\n display: inline-block;\n height: var(--pine-dimension-2xs);\n margin-block-end: var(--pine-dimension-025);\n margin-inline-end: var(--pine-dimension-2xs);\n width: var(--pine-dimension-2xs);\n}\n\n.pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-medium);\n letter-spacing: var(--pine-letter-spacing);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n .pds-chip__dot {\n margin-block-end: calc(var(--pine-dimension-025) / 4);\n margin-block-start: var(--pine-dimension-025);\n }\n}\n\n.pds-chip__button {\n align-items: center;\n appearance: none;\n background: transparent;\n border: var(--pine-dimension-none);\n border-radius: var(--pine-dimension-sm);\n display: flex;\n padding: var(--pine-dimension-none);\n\n &:focus-visible {\n box-shadow: var(--box-shadow-focus);\n outline: none;\n }\n\n pds-icon {\n margin-inline-end: calc(var(--pine-dimension-025) -1);\n margin-inline-start: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__close {\n appearance: none;\n background: transparent;\n border: 0;\n border-radius: var(--pine-border-radius-full);\n height: var(--sizing-close);\n margin-inline-end: calc(var(--pine-dimension-xs) * -1);\n margin-inline-start: var(--pine-dimension-2xs);\n padding: var(--sizing-close);\n position: relative;\n width: var(--sizing-close);\n\n pds-icon {\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:focus-visible {\n box-shadow: var(--box-shadow-focus);\n outline: none;\n }\n}\n\n// large\n\n:host(.pds-chip--large) {\n padding-block: var(--pine-dimension-2xs);\n padding-inline: var(--pine-dimension-150);\n\n .pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-heading-6);\n letter-spacing: var(--pine-letter-spacing-heading-6);\n }\n}\n","import { downSmall, remove } from '@pine-ds/icons/icons';\nimport { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'pds-chip',\n styleUrls: ['pds-chip.tokens.scss', 'pds-chip.scss'],\n shadow: true,\n})\nexport class PdsChip {\n /*\n A unique identifier used for the underlying component `id` attribute.\n /\n @Prop() componentId: string;\n\n /\n Determines whether a dot should be displayed on the chip.\n * @defaultValue false\n /\n @Prop() dot = false;\n\n /\n Sets the text label content of the chip.\n /\n @Prop() label: string;\n\n /\n Determines whether the chip should be displayed in a larger size.\n * @defaultValue false\n /\n @Prop() large = false;\n\n /\n Defines the color scheme of the chip.\n * @defaultValue 'neutral'\n /\n @Prop() sentiment: 'accent' \| 'danger' \| 'info' \| 'neutral' \| 'success' \| 'warning' = 'neutral';\n\n /\n Sets the style variant of the chip.\n * @defaultValue 'text'\n /\n @Prop() variant: 'text' \| 'tag' \| 'dropdown' = 'text';\n\n /\n Event emitted when the close button is clicked on a tag variant chip.\n */\n @Event() pdsTagCloseClick: EventEmitter;\n\n private handleCloseClick = () => {\n this.pdsTagCloseClick.emit();\n };\n\n private classNames() {\n const classNames = ['pds-chip'];\n\n if (this.large) {\n classNames.push('pds-chip--large');\n }\n if (this.variant) {\n classNames.push('pds-chip--' + this.variant);\n }\n if (this.sentiment) {\n classNames.push('pds-chip--' + this.sentiment);\n }\n\n return classNames.join(' ');\n }\n\n private setChipContent() {\n const isDropdown = this.variant === 'dropdown';\n const chipContent = isDropdown ? (\n <button class=\"pds-chip__button\" type=\"button\">\n {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n {this.label}\n <pds-icon icon={downSmall} size=\"12px\" aria-hidden=\"true\"></pds-icon>\n </button>\n ) : (\n <span class=\"pds-chip__label\">\n {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n {this.label}\n </span>\n );\n\n return chipContent;\n }\n\n render() {\n return (\n <Host class={this.classNames()} id={this.componentId}>\n {this.setChipContent()}\n {this.variant === 'tag' && (\n <button class=\"pds-chip__close\" type=\"button\" onClick={this.handleCloseClick} aria-label=\"Remove\">\n <pds-icon icon={remove} size=\"12px\"></pds-icon>\n </button>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"gJAAA,IAAMA,iBAAmB,4/BACzB,IAAAC,cAAeD,iBCDf,IAAME,WAAa,~~6xMACnB~~,IAAAC,cAAeD,W,ICOFE,QAAO,W,+GAwCVC,KAAAC,iBAAmB,WACzBC,EAAKC,iBAAiBC,M,sCA/BV,M,gCAWE,M,eAMsE,U,aAMvC,M,CAWvCL,EAAAM,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,YAEpB,GAAIN,KAAKO,MAAO,CACdD,EAAWE,KAAK,kB,CAElB,GAAIR,KAAKS,QAAS,CAChBH,EAAWE,KAAK,aAAeR,KAAKS,Q,CAEtC,GAAIT,KAAKU,UAAW,CAClBJ,EAAWE,KAAK,aAAeR,KAAKU,U,CAGtC,OAAOJ,EAAWK,KAAK,I,EAGjBZ,EAAAM,UAAAO,eAAA,WACN,IAAMC,EAAab,KAAKS,UAAY,WACpC,IAAMK,EAAcD,EAClBE,EAAA,UAAQC,MAAM,mBAAmBC,KAAK,UACnCjB,KAAKkB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDhB,KAAKmB,MACNJ,EAAA,YAAUK,KAAMC,UAAWC,KAAK,OAAM,cAAa,UAGrDP,EAAA,QAAMC,MAAM,mBACThB,KAAKkB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDhB,KAAKmB,OAIV,OAAOL,C,EAGTf,EAAAM,UAAAkB,OAAA,WACE,OACER,EAACS,KAAI,CAAAC,IAAA,2CAACT,MAAOhB,KAAKM,aAAcoB,GAAI1B,KAAK2B,aACtC3B,KAAKY,iBACLZ,KAAKS,UAAY,OAChBM,EAAA,UAAAU,IAAA,2CAAQT,MAAM,kBAAkBC,KAAK,SAASW,QAAS5B,KAAKC,iBAAgB,aAAa,UACvFc,EAAA,YAAAU,IAAA,2CAAUL,KAAMS,OAAQP,KAAK,U,WApFrB,G","ignoreList":[]}
1	+ {"version":3,"names":["pdsChipTokensCss","PdsChipStyle0","pdsChipCss","PdsChipStyle1","PdsChip","this","handleCloseClick","_this","pdsTagCloseClick","emit","prototype","classNames","large","push","variant","sentiment","join","setChipContent","isDropdown","chipContent","h","class","type","dot","label","icon","downSmall","size","render","Host","key","id","componentId","onClick","remove"],"sources":["src/components/pds-chip/pds-chip.tokens.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":["/*\n Do not edit directly, this file was auto-generated.\n /\n\n:host {\n --pine-chip-color-accent: var(--pine-color-purple-100);\n --pine-chip-color-accent-hover: var(--pine-color-purple-300);\n --pine-chip-color-accent-dot: var(--pine-color-purple-600);\n --pine-chip-color-danger: var(--pine-color-red-100);\n --pine-chip-color-danger-hover: var(--pine-color-red-300);\n --pine-chip-color-danger-dot: var(--pine-color-red-600);\n --pine-chip-color-info: var(--pine-color-blue-100);\n --pine-chip-color-info-hover: var(--pine-color-blue-300);\n --pine-chip-color-info-dot: var(--pine-color-blue-600);\n --pine-chip-color-neutral: var(--pine-color-grey-100);\n --pine-chip-color-neutral-hover: var(--pine-color-grey-300);\n --pine-chip-color-neutral-dot: var(--pine-color-grey-600);\n --pine-chip-color-success: var(--pine-color-green-100);\n --pine-chip-color-success-hover: var(--pine-color-green-300);\n --pine-chip-color-success-dot: var(--pine-color-green-600);\n --pine-chip-color-warning: var(--pine-color-yellow-100);\n --pine-chip-color-warning-hover: var(--pine-color-yellow-300);\n --pine-chip-color-warning-dot: var(--pine-color-yellow-600);\n}\n",":host {\n --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n\n --sizing-close: var(--pine-dimension-125);\n\n align-items: center;\n border-radius: var(--pine-dimension-sm);\n display: inline-flex;\n padding-block: var(--pine-dimension-2xs);\n padding-inline: var(--pine-dimension-150);\n}\n\n$pds-chip-sentiment: (\n accent: var(--pine-chip-color-accent),\n danger: var(--pine-chip-color-danger),\n info: var(--pine-chip-color-info),\n neutral: var(--pine-chip-color-neutral),\n success: var(--pine-chip-color-success),\n warning: var(--pine-chip-color-warning),\n);\n\n$pds-chip-sentiment-text: (\n accent: var(--pine-color-text-accent),\n danger: var(--pine-color-text-danger),\n info: var(--pine-color-text-info),\n neutral: var(--pine-color-text-neutral),\n success: var(--pine-color-text-success),\n warning: var(--pine-color-text-warning),\n);\n\n$pds-chip-sentiment-dots: (\n accent: var(--pine-chip-color-accent-dot),\n danger: var(--pine-chip-color-danger-dot),\n info: var(--pine-chip-color-info-dot),\n neutral: var(--pine-chip-color-neutral-dot),\n success: var(--pine-chip-color-success-dot),\n warning: var(--pine-chip-color-warning-dot),\n);\n\n$pds-chip-sentiment-hover: (\n accent: var(--pine-chip-color-accent-hover),\n danger: var(--pine-chip-color-danger-hover),\n info: var(--pine-chip-color-info-hover),\n neutral: var(--pine-chip-color-neutral-hover),\n success: var(--pine-chip-color-success-hover),\n warning: var(--pine-chip-color-warning-hover),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n :host(.pds-chip--#{$sentiment}) {\n background: $value;\n border: var(--pine-border-width) solid var(--pine-chip-color-#{$sentiment}-hover);\n\n // dot colors\n .pds-chip__dot {\n / stylelint-disable-next-line /\n background: map-get($pds-chip-sentiment-dots, $sentiment);\n }\n\n .pds-chip__label, .pds-chip__button, .pds-chip__close {\n / stylelint-disable-next-line /\n color: map-get($pds-chip-sentiment-text, $sentiment);\n font-weight: var(--pine-font-weight-medium);\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n / stylelint-disable-next-line /\n background: map-get($pds-chip-sentiment-hover, $sentiment);\n }\n }\n // dropdown hover colors\n :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n / stylelint-disable-next-line /\n background: map-get($pds-chip-sentiment-hover, $sentiment);\n }\n}\n\n.pds-chip__dot {\n border: var(--pine-border-width) solid transparent;\n border-radius: var(--pine-border-radius-full);\n display: inline-block;\n height: var(--pine-dimension-2xs);\n margin-block-end: var(--pine-dimension-025);\n margin-inline-end: var(--pine-dimension-2xs);\n width: var(--pine-dimension-2xs);\n}\n\n.pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-medium);\n letter-spacing: var(--pine-letter-spacing);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n .pds-chip__dot {\n margin-block-end: calc(var(--pine-dimension-025) / 4);\n margin-block-start: var(--pine-dimension-025);\n }\n}\n\n.pds-chip__button {\n align-items: center;\n appearance: none;\n background: transparent;\n border: var(--pine-dimension-none);\n border-radius: var(--pine-dimension-sm);\n display: flex;\n padding: var(--pine-dimension-none);\n\n &:focus-visible {\n box-shadow: var(--box-shadow-focus);\n outline: none;\n }\n\n pds-icon {\n margin-inline-end: calc(var(--pine-dimension-025) -1);\n margin-inline-start: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__close {\n appearance: none;\n background: transparent;\n border: 0;\n border-radius: var(--pine-border-radius-full);\n height: var(--sizing-close);\n margin-inline-end: calc(var(--pine-dimension-xs) * -1);\n margin-inline-start: var(--pine-dimension-2xs);\n padding: var(--sizing-close);\n position: relative;\n width: var(--sizing-close);\n\n pds-icon {\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:focus-visible {\n box-shadow: var(--box-shadow-focus);\n outline: none;\n }\n}\n\n// large\n\n:host(.pds-chip--large) {\n padding-block: var(--pine-dimension-2xs);\n padding-inline: var(--pine-dimension-150);\n\n .pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-heading-6);\n letter-spacing: var(--pine-letter-spacing-heading-6);\n }\n}\n","import { downSmall, remove } from '@pine-ds/icons/icons';\nimport { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'pds-chip',\n styleUrls: ['pds-chip.tokens.scss', 'pds-chip.scss'],\n shadow: true,\n})\nexport class PdsChip {\n /*\n A unique identifier used for the underlying component `id` attribute.\n /\n @Prop() componentId: string;\n\n /\n Determines whether a dot should be displayed on the chip.\n * @defaultValue false\n /\n @Prop() dot = false;\n\n /\n Sets the text label content of the chip.\n /\n @Prop() label: string;\n\n /\n Determines whether the chip should be displayed in a larger size.\n * @defaultValue false\n /\n @Prop() large = false;\n\n /\n Defines the color scheme of the chip.\n * @defaultValue 'neutral'\n /\n @Prop() sentiment: 'accent' \| 'danger' \| 'info' \| 'neutral' \| 'success' \| 'warning' = 'neutral';\n\n /\n Sets the style variant of the chip.\n * @defaultValue 'text'\n /\n @Prop() variant: 'text' \| 'tag' \| 'dropdown' = 'text';\n\n /\n Event emitted when the close button is clicked on a tag variant chip.\n */\n @Event() pdsTagCloseClick: EventEmitter;\n\n private handleCloseClick = () => {\n this.pdsTagCloseClick.emit();\n };\n\n private classNames() {\n const classNames = ['pds-chip'];\n\n if (this.large) {\n classNames.push('pds-chip--large');\n }\n if (this.variant) {\n classNames.push('pds-chip--' + this.variant);\n }\n if (this.sentiment) {\n classNames.push('pds-chip--' + this.sentiment);\n }\n\n return classNames.join(' ');\n }\n\n private setChipContent() {\n const isDropdown = this.variant === 'dropdown';\n const chipContent = isDropdown ? (\n <button class=\"pds-chip__button\" type=\"button\">\n {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n {this.label}\n <pds-icon icon={downSmall} size=\"12px\" aria-hidden=\"true\"></pds-icon>\n </button>\n ) : (\n <span class=\"pds-chip__label\">\n {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n {this.label}\n </span>\n );\n\n return chipContent;\n }\n\n render() {\n return (\n <Host class={this.classNames()} id={this.componentId}>\n {this.setChipContent()}\n {this.variant === 'tag' && (\n <button class=\"pds-chip__close\" type=\"button\" onClick={this.handleCloseClick} aria-label=\"Remove\">\n <pds-icon icon={remove} size=\"12px\"></pds-icon>\n </button>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"gJAAA,IAAMA,iBAAmB,4/BACzB,IAAAC,cAAeD,iBCDf,IAAME,WAAa,kzMACnB,IAAAC,cAAeD,W,ICOFE,QAAO,W,+GAwCVC,KAAAC,iBAAmB,WACzBC,EAAKC,iBAAiBC,M,sCA/BV,M,gCAWE,M,eAMsE,U,aAMvC,M,CAWvCL,EAAAM,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,YAEpB,GAAIN,KAAKO,MAAO,CACdD,EAAWE,KAAK,kB,CAElB,GAAIR,KAAKS,QAAS,CAChBH,EAAWE,KAAK,aAAeR,KAAKS,Q,CAEtC,GAAIT,KAAKU,UAAW,CAClBJ,EAAWE,KAAK,aAAeR,KAAKU,U,CAGtC,OAAOJ,EAAWK,KAAK,I,EAGjBZ,EAAAM,UAAAO,eAAA,WACN,IAAMC,EAAab,KAAKS,UAAY,WACpC,IAAMK,EAAcD,EAClBE,EAAA,UAAQC,MAAM,mBAAmBC,KAAK,UACnCjB,KAAKkB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDhB,KAAKmB,MACNJ,EAAA,YAAUK,KAAMC,UAAWC,KAAK,OAAM,cAAa,UAGrDP,EAAA,QAAMC,MAAM,mBACThB,KAAKkB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDhB,KAAKmB,OAIV,OAAOL,C,EAGTf,EAAAM,UAAAkB,OAAA,WACE,OACER,EAACS,KAAI,CAAAC,IAAA,2CAACT,MAAOhB,KAAKM,aAAcoB,GAAI1B,KAAK2B,aACtC3B,KAAKY,iBACLZ,KAAKS,UAAY,OAChBM,EAAA,UAAAU,IAAA,2CAAQT,MAAM,kBAAkBC,KAAK,SAASW,QAAS5B,KAAKC,iBAAgB,aAAa,UACvFc,EAAA,YAAAU,IAAA,2CAAUL,KAAMS,OAAQP,KAAK,U,WApFrB,G","ignoreList":[]}

package/dist/esm-es5/pds-copytext.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host}from"./index-b1696fed.js";import{a as copy}from"./index-d320cfa9.js";var pdsCopytextCss=":host(.pds-copytext){--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--copytext-color-background-hover:var(--pine-color-grey-200)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button){-webkit-padding-end:calc(var(--pine-dimension-xs) / 2);padding-inline-end:calc(var(--pine-dimension-xs) / 2)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button:hover{background:none}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width){display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span{text-align:left;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}";var PdsCopytextStyle0=pdsCopytextCss;var PdsCopytext=function(){function t(t){var e=this;registerInstance(this,t);this.pdsCopyTextClick=createEvent(this,"pdsCopyTextClick",7);this.copyToClipboard=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:o.sent();this.pdsCopyTextClick.emit("Copied to clipboard");o.label=2;case 2:return[3,4];case 3:e=o.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){e.copyToClipboard(e.value)};this.border=true;this.componentId=undefined;this.fullWidth=false;this.truncate=false;this.value=undefined}t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join("  ")};t.prototype.render=function(){return h(Host,{key:"5efcd7642021a5049762c865be34bc1b649a40f9",class:this.classNames(),id:this.componentId},h("pds-button",{key:"27b193cc3d52a599d33cba7b6cdb5b4c9d9fb234",type:"button",variant:"unstyled",onClick:this.handleClick},h("span",{key:"0dbefb874870ebe4f9b2d261855d5f60fd155df8"},this.value),h("pds-icon",{key:"f5ad27e0bc677ba2a7f62c971ee9402bb268b3f4",icon:copy,size:"16px"})))};return t}();PdsCopytext.style=PdsCopytextStyle0;export{PdsCopytext as pds_copytext};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host}from"./index-b1696fed.js";import{a as copy}from"./index-858623fe.js";var pdsCopytextCss=":host(.pds-copytext){--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--copytext-color-background-hover:var(--pine-color-grey-200)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button){-webkit-padding-end:calc(var(--pine-dimension-xs) / 2);padding-inline-end:calc(var(--pine-dimension-xs) / 2)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button:hover{background:none}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width){display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span{text-align:left;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}";var PdsCopytextStyle0=pdsCopytextCss;var PdsCopytext=function(){function t(t){var e=this;registerInstance(this,t);this.pdsCopyTextClick=createEvent(this,"pdsCopyTextClick",7);this.copyToClipboard=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:o.sent();this.pdsCopyTextClick.emit("Copied to clipboard");o.label=2;case 2:return[3,4];case 3:e=o.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){e.copyToClipboard(e.value)};this.border=true;this.componentId=undefined;this.fullWidth=false;this.truncate=false;this.value=undefined}t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join("  ")};t.prototype.render=function(){return h(Host,{key:"46c38faeba9b70d2e510a4b6af08866577936478",class:this.classNames(),id:this.componentId},h("pds-button",{key:"6e28c11a9a7a57f4c256b0283b64ec655a897f65",type:"button",variant:"unstyled",onClick:this.handleClick},h("span",{key:"6818451171f85fd6ad63f07c69871082d3fcba4e"},this.value),h("pds-icon",{key:"05e683d7b28575d924d6af482e6ce4c3cfee3f05",icon:copy,size:"16px"})))};return t}();PdsCopytext.style=PdsCopytextStyle0;export{PdsCopytext as pds_copytext};
 //# sourceMappingURL=pds-copytext.entry.js.map

package/dist/esm-es5/pds-divider.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-b1696fed.js";var pdsDividerCss=".pds-divider{background:var(--pine-color-border);display:-ms-flexbox;display:flex;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--pine-dimension-2xs) * -1);padding:0 var(--pine-dimension-2xs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--pine-dimension-2xs) * -1) 0;padding:var(--pine-dimension-2xs) 0}.pds-divider--offset-xs{margin:0 calc(var(--pine-dimension-xs) * -1);padding:0 var(--pine-dimension-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--pine-dimension-xs) * -1) 0;padding:var(--pine-dimension-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--pine-dimension-sm) * -1);padding:0 var(--pine-dimension-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--pine-dimension-sm) * -1) 0;padding:var(--pine-dimension-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--pine-dimension-md) * -1);padding:0 var(--pine-dimension-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--pine-dimension-md) * -1) 0;padding:var(--pine-dimension-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--pine-dimension-lg) * -1);padding:0 var(--pine-dimension-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--pine-dimension-lg) * -1) 0;padding:var(--pine-dimension-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--pine-dimension-xl) * -1);padding:0 var(--pine-dimension-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--pine-dimension-xl) * -1) 0;padding:var(--pine-dimension-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--pine-dimension-2xl) * -1);padding:0 var(--pine-dimension-2xl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--pine-dimension-2xl) * -1) 0;padding:var(--pine-dimension-2xl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";var PdsDividerStyle0=pdsDividerCss;var PdsDivider=function(){function i(i){registerInstance(this,i);this.componentId=undefined;this.offset=undefined;this.vertical=false}i.prototype.classNames=function(){var i=["pds-divider"];if(this.vertical){i.push("pds-divider--vertical")}if(this.offset){var d="pds-divider--offset-"+this.offset;i.push(d)}return i.join(" ")};i.prototype.render=function(){return h(Host,{key:"655b579ae9137c8a6c663bc57928a0825d054d2d",id:this.componentId},h("hr",{key:"dcbc46f0b0bfa8553b577684775ab631022f73a0",class:this.classNames()}))};return i}();PdsDivider.style=PdsDividerStyle0;export{PdsDivider as pds_divider};
+import{r as registerInstance,h,H as Host}from"./index-b1696fed.js";var pdsDividerCss=".pds-divider{background:var(--pine-color-border);display:-ms-flexbox;display:flex;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--pine-dimension-2xs) * -1);padding:0 var(--pine-dimension-2xs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--pine-dimension-2xs) * -1) 0;padding:var(--pine-dimension-2xs) 0}.pds-divider--offset-xs{margin:0 calc(var(--pine-dimension-xs) * -1);padding:0 var(--pine-dimension-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--pine-dimension-xs) * -1) 0;padding:var(--pine-dimension-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--pine-dimension-sm) * -1);padding:0 var(--pine-dimension-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--pine-dimension-sm) * -1) 0;padding:var(--pine-dimension-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--pine-dimension-md) * -1);padding:0 var(--pine-dimension-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--pine-dimension-md) * -1) 0;padding:var(--pine-dimension-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--pine-dimension-lg) * -1);padding:0 var(--pine-dimension-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--pine-dimension-lg) * -1) 0;padding:var(--pine-dimension-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--pine-dimension-xl) * -1);padding:0 var(--pine-dimension-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--pine-dimension-xl) * -1) 0;padding:var(--pine-dimension-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--pine-dimension-2xl) * -1);padding:0 var(--pine-dimension-2xl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--pine-dimension-2xl) * -1) 0;padding:var(--pine-dimension-2xl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";var PdsDividerStyle0=pdsDividerCss;var PdsDivider=function(){function i(i){registerInstance(this,i);this.componentId=undefined;this.offset=undefined;this.vertical=false}i.prototype.classNames=function(){var i=["pds-divider"];if(this.vertical){i.push("pds-divider--vertical")}if(this.offset){var d="pds-divider--offset-"+this.offset;i.push(d)}return i.join(" ")};i.prototype.render=function(){return h(Host,{key:"ee48ee45e0463abbd3cb7aa686f8d86928830ccb",id:this.componentId},h("hr",{key:"4af739f85e502a7d9bff1b3581c283cb6ee53a0e",class:this.classNames()}))};return i}();PdsDivider.style=PdsDividerStyle0;export{PdsDivider as pds_divider};
 //# sourceMappingURL=pds-divider.entry.js.map

package/dist/esm-es5/pds-icon.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["missingAssetPathWarning","getAssetPath","path","_a","metaPineAssetPath","document","head","querySelector","dataset","pineAssetPath","windowAssetPath","window","__PINE_ASSET_PATH__","cdnAssetPath","assetBasePath","startsWith","console","warn","assetPath","substring","endsWith","CACHED_MAP","getIconMap","Map","win","PdsIcons","map","getName","iconName","icon","isSrc","isStr","toLower","trim","invalidChars","replace","getNamedUrl","url","get","concat","getSrc","src","getUrl","pdsIcon","name","str","length","test","val","toLowerCase","inheritAttributes","el","attributes","attributeObject","forEach","attr","hasAttribute","value","getAttribute","removeAttribute","validateContent","svgContent","div","createElement","innerHTML","i","childNodes","nodeName","removeChild","svgElm","firstElementChild","svgClass","setAttribute","isValid","elm","nodeType","indexOf","isSvgDataUrl","isEncodedDataUrl","pdsIconContent","requests","parser","getSvgContent","sanitize","req","fetch","DOMParser","doc","parseFromString","svg","set","outerHTML","Promise","resolve","then","rsp","ok","text","pdsIconCss","PdsIconStyle0","PdsIcon","hostRef","_this","this","inheritedAttributes","hasAriaHidden","ariaLabel","undefined","isVisible","color","size","prototype","iconSize","sizes","small","regular","medium","large","componentDidLoad","setCSSVariables","componentWillLoad","style","setProperty","connectedCallback","waitUntilVisible","loadIcon","disconnectedCallback","io","disconnect","updateStyles","url_1","has","label","render","_b","h","Host","Object","assign","key","alt","role","class","createColorClasses","rootMargin","cb","IntersectionObserver","io_1","data","isIntersecting","observe","defineProperty"],"sources":["../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/assetPath.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/utils.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/validate.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/request.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.css?tag=pds-icon&encapsulation=shadow","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.js"],"sourcesContent":["import { Build } from \"@stencil/core\";\nlet missingAssetPathWarning = false;\n/*\n \n * Reads the component asset path config from meta tag or a global variable.\n * This is a temporary workaround until these issues have been addressed:\n \n https://github.com/ionic-team/stencil/issues/2826/\n * https://github.com/ionic-team/stencil/issues/3470\n * https://github.com/ionic-team/stencil-ds-output-targets/issues/186\n /\nexport const getAssetPath = (path) => {\n var _a;\n const metaPineAssetPath = (_a = document.head.querySelector('meta[data-pine-asset-path]')) === null \|\| _a === void 0 ? void 0 : _a.dataset.pineAssetPath;\n // Get the asset path from the window object if available\n const windowAssetPath = window.__PINE_ASSET_PATH__;\n // Set the CDN Asset path using the latest version\n const cdnAssetPath = 'https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/';\n const assetBasePath = Build.isTesting ? '/dist/pds-icons' : metaPineAssetPath \|\| windowAssetPath \|\| cdnAssetPath \|\| '/';\n // Display a warning if the assets are fetched from the CDN.\n if (assetBasePath.startsWith('https://cdn.jsdelivr.net/npm/') && !missingAssetPathWarning) {\n missingAssetPathWarning = true;\n console.warn(`\n Fetching Pine assets from jsDelivr CDN.\\n\\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\\n\\nFor more information, read the documentation: \\nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n `);\n }\n let assetPath = path;\n if (path.startsWith('./')) {\n assetPath = path.substring(2);\n }\n if (!assetBasePath.endsWith('/')) {\n assetPath = '/' + assetPath;\n }\n return assetBasePath + assetPath;\n};\n//# sourceMappingURL=assetPath.js.map\n","import { getAssetPath } from \"./assetPath\";\nlet CACHED_MAP;\nexport const addIcons = (icons) => {\n const map = getIconMap();\n Object.keys(icons).forEach(name => map.set(name, icons[name]));\n};\nexport const getIconMap = () => {\n if (typeof window === 'undefined') {\n return new Map();\n }\n else {\n if (!CACHED_MAP) {\n const win = window; // eslint-disable-line @typescript-eslint/no-explicit-any\n win.PdsIcons = win.PdsIcons \|\| {};\n CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map \|\| new Map();\n }\n return CACHED_MAP;\n }\n};\nexport const getName = (iconName, icon) => {\n if (!iconName && icon && !isSrc(icon)) {\n iconName = icon;\n }\n if (isStr(iconName)) {\n iconName = toLower(iconName);\n }\n if (!isStr(iconName) \|\| iconName.trim() === '') {\n return null;\n }\n const invalidChars = iconName.replace(/[a-z]\|-\|\\d/gi, '');\n if (invalidChars != '') {\n return null;\n }\n return iconName;\n};\nconst getNamedUrl = (iconName) => {\n const url = getIconMap().get(iconName);\n if (url) {\n return url;\n }\n return getAssetPath(`svg/${iconName}.svg`);\n};\nexport const getSrc = (src) => {\n if (isStr(src)) {\n src = src.trim();\n if (isSrc(src)) {\n return src;\n }\n }\n return null;\n};\nexport const getUrl = (pdsIcon) => {\n let url = getSrc(pdsIcon.src);\n if (url) {\n return url;\n }\n url = getName(pdsIcon.name, pdsIcon.icon);\n if (url) {\n return getNamedUrl(url);\n }\n if (pdsIcon.icon) {\n url = getSrc(pdsIcon.icon);\n if (url) {\n return url;\n }\n }\n return null;\n};\nexport const isSrc = (str) => str.length > 0 && /(\\/\|\\.)/.test(str);\nexport const isStr = (val) => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val) => val.toLowerCase();\n/\n Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n \n This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n /\nexport const inheritAttributes = (el, attributes = []) => {\n const attributeObject = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n attributes.forEach(attr => {\n if (el.hasAttribute(attr)) {\n const value = el.getAttribute(attr);\n if (value !== null) {\n attributeObject[attr] = el.getAttribute(attr);\n }\n el.removeAttribute(attr);\n }\n });\n return attributeObject;\n};\n//# sourceMappingURL=utils.js.map\n","import { isStr } from \"./utils\";\nexport const validateContent = (svgContent) => {\n const div = document.createElement('div');\n div.innerHTML = svgContent;\n // setup this way to ensure it works on our buddy IE\n for (let i = div.childNodes.length - 1; i >= 0; i--) {\n if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n div.removeChild(div.childNodes[i]);\n }\n }\n // must only have 1 root element\n const svgElm = div.firstElementChild;\n if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n const svgClass = svgElm.getAttribute('class') \|\| '';\n svgElm.setAttribute('class', (svgClass + ' s-pds-icon').trim());\n // root element must be an svg\n // lets double check we've got valid elements\n // do not allow scripts\n if (isValid(svgElm)) {\n return div.innerHTML;\n }\n }\n return '';\n};\nexport const isValid = (elm) => {\n if (elm.nodeType === 1) {\n if (elm.nodeName.toLowerCase() === 'script') {\n return false;\n }\n for (let i = 0; i < elm.attributes.length; i++) {\n const name = elm.attributes[i].name;\n if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {\n return false;\n }\n }\n for (let i = 0; i < elm.childNodes.length; i++) {\n if (!isValid(elm.childNodes[i])) {\n return false;\n }\n }\n }\n return true;\n};\nexport const isSvgDataUrl = (url) => url.startsWith('data:image/svg+xml');\nexport const isEncodedDataUrl = (url) => url.indexOf(';utf8,') !== -1;\n//# sourceMappingURL=validate.js.map\n","import { isEncodedDataUrl, isSvgDataUrl, validateContent } from \"./validate\";\nexport const pdsIconContent = new Map();\nconst requests = new Map(); // eslint-disable-line @typescript-eslint/no-explicit-any\nlet parser;\nexport const getSvgContent = (url, sanitize = false) => {\n let req = requests.get(url);\n if (!req) {\n if (typeof fetch != 'undefined' && typeof document !== 'undefined') {\n if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {\n if (!parser) {\n parser = new DOMParser();\n }\n const doc = parser.parseFromString(url, 'text/html');\n const svg = doc.querySelector('svg');\n if (svg) {\n pdsIconContent.set(url, svg.outerHTML);\n }\n return Promise.resolve();\n }\n else {\n // we don't have a request\n req = fetch(url).then((rsp) => {\n if (rsp.ok) {\n return rsp.text().then((svgContent) => {\n if (svgContent && sanitize !== false) {\n svgContent = validateContent(svgContent);\n }\n pdsIconContent.set(url, svgContent \|\| '');\n });\n }\n pdsIconContent.set(url, '');\n });\n requests.set(url, req);\n }\n }\n else {\n pdsIconContent.set(url, '');\n return Promise.resolve();\n }\n }\n return req;\n};\n//# sourceMappingURL=request.js.map\n",":host {\n --dimension-icon-height: 16px;\n --dimension-icon-width: 16px;\n --color-icon-fill: currentColor;\n contain: strict;\n display: inline-block;\n fill: var(--color-icon-fill);\n height: var(--dimension-icon-height);\n width: var(--dimension-icon-width);\n}\n:host .pdsicon {\n fill: var(--color-icon-fill);\n}\n\n.pds-icon-fill-none {\n fill: none;\n}\n\n.icon-inner,\n.pds-icon,\nsvg {\n display: block;\n height: 100%;\n width: 100%;\n}","import { Build, Host, h } from \"@stencil/core\";\nimport { getSvgContent, pdsIconContent } from \"./request\";\nimport { getName, getUrl, inheritAttributes } from \"./utils\";\nexport class PdsIcon {\n constructor() {\n this.inheritedAttributes = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n this.hasAriaHidden = () => {\n const { el } = this;\n return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n };\n this.ariaLabel = undefined;\n this.isVisible = false;\n this.svgContent = undefined;\n this.color = undefined;\n this.icon = undefined;\n this.name = undefined;\n this.size = 'regular';\n this.src = undefined;\n }\n iconSize() {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const sizes = {\n small: '12px',\n regular: '16px',\n medium: '20px',\n large: '24px',\n };\n if (sizes[this.size]) {\n return sizes[this.size];\n }\n else {\n return this.size;\n }\n }\n componentDidLoad() {\n this.setCSSVariables();\n }\n componentWillLoad() {\n this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n this.setCSSVariables();\n }\n setCSSVariables() {\n this.el.style.setProperty(`--dimension-icon-height`, this.iconSize());\n this.el.style.setProperty(`--dimension-icon-width`, this.iconSize());\n this.el.style.setProperty(`--color-icon-fill`, typeof this.color !== 'undefined' ? this.color : 'currentColor');\n }\n connectedCallback() {\n this.waitUntilVisible(this.el, '50px', () => {\n this.isVisible = true;\n this.loadIcon();\n });\n }\n disconnectedCallback() {\n if (this.io) {\n this.io.disconnect();\n this.io = undefined;\n }\n }\n updateStyles() {\n this.setCSSVariables();\n }\n loadIcon() {\n if (Build.isBrowser && this.isVisible) {\n const url = getUrl(this);\n if (url) {\n if (pdsIconContent.has(url)) {\n this.svgContent = pdsIconContent.get(url);\n }\n else {\n getSvgContent(url).then(() => (this.svgContent = pdsIconContent.get(url)));\n }\n }\n }\n const label = getName(this.name, this.icon);\n if (label) {\n this.ariaLabel = label.replace(/\\-/g, ' ');\n }\n }\n render() {\n const { ariaLabel, inheritedAttributes } = this;\n return (h(Host, Object.assign({ key: '4bbc232e2530d43e8b5afefb754486d94ea6538b', \"aria-label\": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, alt: \"\", role: \"img\", class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h(\"div\", { class: \"icon-inner\", innerHTML: this.svgContent })) : (h(\"div\", { class: \"icon-inner\" }))));\n }\n /***\n Private Methods\n ****/\n waitUntilVisible(el, rootMargin, cb) {\n if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n const io = (this.io = new (window).IntersectionObserver((data) => {\n if (data[0].isIntersecting) {\n io.disconnect();\n this.io = undefined;\n cb();\n }\n }, { rootMargin }));\n io.observe(el);\n }\n else {\n // browser doesn't support IntersectionObserver\n // so just fallback to always show it\n cb();\n }\n }\n static get is() { return \"pds-icon\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"pds-icon.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"pds-icon.css\"]\n };\n }\n static get assetsDirs() { return [\"svg\"]; }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\\nThe color of the icon\"\n },\n \"attribute\": \"color\",\n \"reflect\": false\n },\n \"icon\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This a combination of both `name` and `src`. If a `src` url is detected\\nit will set the `src` property. Otherwise it assumes it's a built-in named\\nSVG and set the `name` property.\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The name of the icon to use from\\nthe built-in set.\"\n },\n \"attribute\": \"name\",\n \"reflect\": true\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\| 'small' // 12px\\n \| 'regular' // 16px\\n \| 'medium' // 20px\\n \| 'large' // 24px\\n \| 'auto'\\n \| string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the icon. This can be\\n'small', 'regular', 'medium', large, or a\\ncustom value (40px, 1rem, etc)\"\n },\n \"attribute\": \"size\",\n \"reflect\": true,\n \"defaultValue\": \"'regular'\"\n },\n \"src\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\\nSpecifies the exact `src` of an SVG file to use.\"\n },\n \"attribute\": \"src\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"ariaLabel\": {},\n \"isVisible\": {},\n \"svgContent\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"size\",\n \"methodName\": \"updateStyles\"\n }, {\n \"propName\": \"color\",\n \"methodName\": \"updateStyles\"\n }, {\n \"propName\": \"name\",\n \"methodName\": \"loadIcon\"\n }, {\n \"propName\": \"src\",\n \"methodName\": \"loadIcon\"\n }, {\n \"propName\": \"icon\",\n \"methodName\": \"loadIcon\"\n }];\n }\n}\nconst createColorClasses = (color) => {\n return color\n ? {\n 'pds-color': true,\n [`pds-color-${color}`]: true,\n }\n : null;\n};\n//# sourceMappingURL=pds-icon.js.map\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["missingAssetPathWarning","getAssetPath","path","_a","metaPineAssetPath","document","head","querySelector","dataset","pineAssetPath","windowAssetPath","window","__PINE_ASSET_PATH__","cdnAssetPath","assetBasePath","startsWith","console","warn","assetPath","substring","endsWith","CACHED_MAP","getIconMap","Map","win","PdsIcons","map","getName","iconName","icon","isSrc","isStr","toLower","trim","invalidChars","replace","getNamedUrl","url","get","concat","getSrc","src","getUrl","pdsIcon","name","str","length","test","val","toLowerCase","inheritAttributes","el","attributes","attributeObject","forEach","attr","hasAttribute","value","getAttribute","removeAttribute","validateContent","svgContent","div","createElement","innerHTML","i","childNodes","nodeName","removeChild","svgElm","firstElementChild","svgClass","setAttribute","isValid","elm","nodeType","indexOf","isSvgDataUrl","isEncodedDataUrl","pdsIconContent","requests","parser","getSvgContent","sanitize","req","fetch","DOMParser","doc","parseFromString","svg","set","outerHTML","Promise","resolve","then","rsp","ok","text","pdsIconCss","PdsIconStyle0","PdsIcon","hostRef","_this","this","inheritedAttributes","hasAriaHidden","ariaLabel","undefined","isVisible","color","size","prototype","iconSize","sizes","small","regular","medium","large","componentDidLoad","setCSSVariables","componentWillLoad","style","setProperty","connectedCallback","waitUntilVisible","loadIcon","disconnectedCallback","io","disconnect","updateStyles","url_1","has","label","render","_b","h","Host","Object","assign","key","alt","role","class","createColorClasses","rootMargin","cb","IntersectionObserver","io_1","data","isIntersecting","observe","defineProperty"],"sources":["../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/assetPath.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/utils.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/validate.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/request.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.css?tag=pds-icon&encapsulation=shadow","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.js"],"sourcesContent":["import { Build } from \"@stencil/core\";\nlet missingAssetPathWarning = false;\n/*\n \n * Reads the component asset path config from meta tag or a global variable.\n * This is a temporary workaround until these issues have been addressed:\n \n https://github.com/ionic-team/stencil/issues/2826/\n * https://github.com/ionic-team/stencil/issues/3470\n * https://github.com/ionic-team/stencil-ds-output-targets/issues/186\n /\nexport const getAssetPath = (path) => {\n var _a;\n const metaPineAssetPath = (_a = document.head.querySelector('meta[data-pine-asset-path]')) === null \|\| _a === void 0 ? void 0 : _a.dataset.pineAssetPath;\n // Get the asset path from the window object if available\n const windowAssetPath = window.__PINE_ASSET_PATH__;\n // Set the CDN Asset path using the latest version\n const cdnAssetPath = 'https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/';\n const assetBasePath = Build.isTesting ? '/dist/pds-icons' : metaPineAssetPath \|\| windowAssetPath \|\| cdnAssetPath \|\| '/';\n // Display a warning if the assets are fetched from the CDN.\n if (assetBasePath.startsWith('https://cdn.jsdelivr.net/npm/') && !missingAssetPathWarning) {\n missingAssetPathWarning = true;\n console.warn(`\n Fetching Pine assets from jsDelivr CDN.\\n\\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\\n\\nFor more information, read the documentation: \\nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n `);\n }\n let assetPath = path;\n if (path.startsWith('./')) {\n assetPath = path.substring(2);\n }\n if (!assetBasePath.endsWith('/')) {\n assetPath = '/' + assetPath;\n }\n return assetBasePath + assetPath;\n};\n//# sourceMappingURL=assetPath.js.map\n","import { getAssetPath } from \"./assetPath\";\nlet CACHED_MAP;\nexport const addIcons = (icons) => {\n const map = getIconMap();\n Object.keys(icons).forEach(name => map.set(name, icons[name]));\n};\nexport const getIconMap = () => {\n if (typeof window === 'undefined') {\n return new Map();\n }\n else {\n if (!CACHED_MAP) {\n const win = window; // eslint-disable-line @typescript-eslint/no-explicit-any\n win.PdsIcons = win.PdsIcons \|\| {};\n CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map \|\| new Map();\n }\n return CACHED_MAP;\n }\n};\nexport const getName = (iconName, icon) => {\n if (!iconName && icon && !isSrc(icon)) {\n iconName = icon;\n }\n if (isStr(iconName)) {\n iconName = toLower(iconName);\n }\n if (!isStr(iconName) \|\| iconName.trim() === '') {\n return null;\n }\n const invalidChars = iconName.replace(/[a-z]\|-\|\\d/gi, '');\n if (invalidChars != '') {\n return null;\n }\n return iconName;\n};\nconst getNamedUrl = (iconName) => {\n const url = getIconMap().get(iconName);\n if (url) {\n return url;\n }\n return getAssetPath(`svg/${iconName}.svg`);\n};\nexport const getSrc = (src) => {\n if (isStr(src)) {\n src = src.trim();\n if (isSrc(src)) {\n return src;\n }\n }\n return null;\n};\nexport const getUrl = (pdsIcon) => {\n let url = getSrc(pdsIcon.src);\n if (url) {\n return url;\n }\n url = getName(pdsIcon.name, pdsIcon.icon);\n if (url) {\n return getNamedUrl(url);\n }\n if (pdsIcon.icon) {\n url = getSrc(pdsIcon.icon);\n if (url) {\n return url;\n }\n }\n return null;\n};\nexport const isSrc = (str) => str.length > 0 && /(\\/\|\\.)/.test(str);\nexport const isStr = (val) => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val) => val.toLowerCase();\n/\n Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `pds-input` should inherit\n * the `title` attribute that developers set directly on `pds-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n \n This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n /\nexport const inheritAttributes = (el, attributes = []) => {\n const attributeObject = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n attributes.forEach(attr => {\n if (el.hasAttribute(attr)) {\n const value = el.getAttribute(attr);\n if (value !== null) {\n attributeObject[attr] = el.getAttribute(attr);\n }\n el.removeAttribute(attr);\n }\n });\n return attributeObject;\n};\n//# sourceMappingURL=utils.js.map\n","import { isStr } from \"./utils\";\nexport const validateContent = (svgContent) => {\n const div = document.createElement('div');\n div.innerHTML = svgContent;\n // setup this way to ensure it works on our buddy IE\n for (let i = div.childNodes.length - 1; i >= 0; i--) {\n if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n div.removeChild(div.childNodes[i]);\n }\n }\n // must only have 1 root element\n const svgElm = div.firstElementChild;\n if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n const svgClass = svgElm.getAttribute('class') \|\| '';\n svgElm.setAttribute('class', (svgClass + ' s-pds-icon').trim());\n // root element must be an svg\n // lets double check we've got valid elements\n // do not allow scripts\n if (isValid(svgElm)) {\n return div.innerHTML;\n }\n }\n return '';\n};\nexport const isValid = (elm) => {\n if (elm.nodeType === 1) {\n if (elm.nodeName.toLowerCase() === 'script') {\n return false;\n }\n for (let i = 0; i < elm.attributes.length; i++) {\n const name = elm.attributes[i].name;\n if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {\n return false;\n }\n }\n for (let i = 0; i < elm.childNodes.length; i++) {\n if (!isValid(elm.childNodes[i])) {\n return false;\n }\n }\n }\n return true;\n};\nexport const isSvgDataUrl = (url) => url.startsWith('data:image/svg+xml');\nexport const isEncodedDataUrl = (url) => url.indexOf(';utf8,') !== -1;\n//# sourceMappingURL=validate.js.map\n","import { isEncodedDataUrl, isSvgDataUrl, validateContent } from \"./validate\";\nexport const pdsIconContent = new Map();\nconst requests = new Map(); // eslint-disable-line @typescript-eslint/no-explicit-any\nlet parser;\nexport const getSvgContent = (url, sanitize = false) => {\n let req = requests.get(url);\n if (!req) {\n if (typeof fetch != 'undefined' && typeof document !== 'undefined') {\n if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {\n if (!parser) {\n parser = new DOMParser();\n }\n const doc = parser.parseFromString(url, 'text/html');\n const svg = doc.querySelector('svg');\n if (svg) {\n pdsIconContent.set(url, svg.outerHTML);\n }\n return Promise.resolve();\n }\n else {\n // we don't have a request\n req = fetch(url).then((rsp) => {\n if (rsp.ok) {\n return rsp.text().then((svgContent) => {\n if (svgContent && sanitize !== false) {\n svgContent = validateContent(svgContent);\n }\n pdsIconContent.set(url, svgContent \|\| '');\n });\n }\n pdsIconContent.set(url, '');\n });\n requests.set(url, req);\n }\n }\n else {\n pdsIconContent.set(url, '');\n return Promise.resolve();\n }\n }\n return req;\n};\n//# sourceMappingURL=request.js.map\n",":host {\n --dimension-icon-height: 16px;\n --dimension-icon-width: 16px;\n --color-icon-fill: currentColor;\n contain: strict;\n display: inline-block;\n fill: var(--color-icon-fill);\n height: var(--dimension-icon-height);\n width: var(--dimension-icon-width);\n}\n:host .pdsicon {\n fill: var(--color-icon-fill);\n}\n\n.pds-icon-fill-none {\n fill: none;\n}\n\n.icon-inner,\n.pds-icon,\nsvg {\n display: block;\n height: 100%;\n width: 100%;\n}","import { Build, Host, h } from \"@stencil/core\";\nimport { getSvgContent, pdsIconContent } from \"./request\";\nimport { getName, getUrl, inheritAttributes } from \"./utils\";\nexport class PdsIcon {\n constructor() {\n this.inheritedAttributes = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n this.hasAriaHidden = () => {\n const { el } = this;\n return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n };\n this.ariaLabel = undefined;\n this.isVisible = false;\n this.svgContent = undefined;\n this.color = undefined;\n this.icon = undefined;\n this.name = undefined;\n this.size = 'regular';\n this.src = undefined;\n }\n iconSize() {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const sizes = {\n small: '12px',\n regular: '16px',\n medium: '20px',\n large: '24px',\n };\n if (sizes[this.size]) {\n return sizes[this.size];\n }\n else {\n return this.size;\n }\n }\n componentDidLoad() {\n this.setCSSVariables();\n }\n componentWillLoad() {\n this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n this.setCSSVariables();\n }\n setCSSVariables() {\n this.el.style.setProperty(`--dimension-icon-height`, this.iconSize());\n this.el.style.setProperty(`--dimension-icon-width`, this.iconSize());\n this.el.style.setProperty(`--color-icon-fill`, typeof this.color !== 'undefined' ? this.color : 'currentColor');\n }\n connectedCallback() {\n this.waitUntilVisible(this.el, '50px', () => {\n this.isVisible = true;\n this.loadIcon();\n });\n }\n disconnectedCallback() {\n if (this.io) {\n this.io.disconnect();\n this.io = undefined;\n }\n }\n updateStyles() {\n this.setCSSVariables();\n }\n loadIcon() {\n if (Build.isBrowser && this.isVisible) {\n const url = getUrl(this);\n if (url) {\n if (pdsIconContent.has(url)) {\n this.svgContent = pdsIconContent.get(url);\n }\n else {\n getSvgContent(url).then(() => (this.svgContent = pdsIconContent.get(url)));\n }\n }\n }\n const label = getName(this.name, this.icon);\n if (label) {\n this.ariaLabel = label.replace(/\\-/g, ' ');\n }\n }\n render() {\n const { ariaLabel, inheritedAttributes } = this;\n return (h(Host, Object.assign({ key: '4bbc232e2530d43e8b5afefb754486d94ea6538b', \"aria-label\": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, alt: \"\", role: \"img\", class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h(\"div\", { class: \"icon-inner\", innerHTML: this.svgContent })) : (h(\"div\", { class: \"icon-inner\" }))));\n }\n /***\n Private Methods\n ****/\n waitUntilVisible(el, rootMargin, cb) {\n if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n const io = (this.io = new (window).IntersectionObserver((data) => {\n if (data[0].isIntersecting) {\n io.disconnect();\n this.io = undefined;\n cb();\n }\n }, { rootMargin }));\n io.observe(el);\n }\n else {\n // browser doesn't support IntersectionObserver\n // so just fallback to always show it\n cb();\n }\n }\n static get is() { return \"pds-icon\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"pds-icon.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"pds-icon.css\"]\n };\n }\n static get assetsDirs() { return [\"svg\"]; }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\\nThe color of the icon\"\n },\n \"attribute\": \"color\",\n \"reflect\": false\n },\n \"icon\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This a combination of both `name` and `src`. If a `src` url is detected\\nit will set the `src` property. Otherwise it assumes it's a built-in named\\nSVG and set the `name` property.\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The name of the icon to use from\\nthe built-in set.\"\n },\n \"attribute\": \"name\",\n \"reflect\": true\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\| 'small' // 12px\\n \| 'regular' // 16px\\n \| 'medium' // 20px\\n \| 'large' // 24px\\n \| 'auto'\\n \| string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the icon. This can be\\n'small', 'regular', 'medium', large, or a\\ncustom value (40px, 1rem, etc)\"\n },\n \"attribute\": \"size\",\n \"reflect\": true,\n \"defaultValue\": \"'regular'\"\n },\n \"src\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\\nSpecifies the exact `src` of an SVG file to use.\"\n },\n \"attribute\": \"src\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"ariaLabel\": {},\n \"isVisible\": {},\n \"svgContent\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"size\",\n \"methodName\": \"updateStyles\"\n }, {\n \"propName\": \"color\",\n \"methodName\": \"updateStyles\"\n }, {\n \"propName\": \"name\",\n \"methodName\": \"loadIcon\"\n }, {\n \"propName\": \"src\",\n \"methodName\": \"loadIcon\"\n }, {\n \"propName\": \"icon\",\n \"methodName\": \"loadIcon\"\n }];\n }\n}\nconst createColorClasses = (color) => {\n return color\n ? {\n 'pds-color': true,\n [`pds-color-${color}`]: true,\n }\n : null;\n};\n//# sourceMappingURL=pds-icon.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/pds-image.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-b1696fed.js";var pdsImageCss=":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio)}";var PdsImageStyle0=pdsImageCss;var PdsImage=function(){function s(s){registerInstance(this,s);this.alt="";this.componentId=undefined;this.height=undefined;this.loading="eager";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}s.prototype.render=function(){return h(Host,{key:"784f2478acc28f043613c4c8fa67b5bef85820b1",class:{"pds-image":true},id:this.componentId},h("img",{key:"766a8230a6ea0ae45746fae832206785f963d215",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};return s}();PdsImage.style=PdsImageStyle0;export{PdsImage as pds_image};
+import{r as registerInstance,h,H as Host}from"./index-b1696fed.js";var pdsImageCss=":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio)}";var PdsImageStyle0=pdsImageCss;var PdsImage=function(){function e(e){registerInstance(this,e);this.alt="";this.componentId=undefined;this.height=undefined;this.loading="eager";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}e.prototype.render=function(){return h(Host,{key:"2b5893c36517ee6e30c12a141f19b3f13845db97",class:{"pds-image":true},id:this.componentId},h("img",{key:"965043cab5ea5c62c52951ec90018bced5bb46e8",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};return e}();PdsImage.style=PdsImageStyle0;export{PdsImage as pds_image};
 //# sourceMappingURL=pds-image.entry.js.map

package/dist/esm-es5/pds-input.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b1696fed.js";import{a as assignDescription,m as messageId}from"./form-1b7b69e3.js";import{b as danger}from"./index-d320cfa9.js";import{d as debounceEvent}from"./utils-5e425aaf.js";import{i as inheritAriaAttributes}from"./attributes-fe2c8c91.js";var pdsInputTokensCss=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";var PdsInputStyle0=pdsInputTokensCss;var labelCss=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var PdsInputStyle1=labelCss;var pdsInputCss=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}input{border:1px solid var(--pine-color-border);border-radius:10px;color:var(--pine-color-text-active);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);}input:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed;}input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}input:hover{border-color:var(--pine-color-border-hover)}input:focus-visible{border-color:var(--pine-color-border-active);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}input::-moz-placeholder{color:var(--pine-color-text-placeholder)}input::-moz-placeholder{color:var(--pine-color-text-placeholder)}input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}input:has(~.pds-input__error-message){background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}input:has(~.pds-input__error-message):focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.pds-input__error-message,.pds-input__helper-message{font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-input__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}";var PdsInputStyle2=pdsInputCss;var PdsInput=function(){function e(e){var i=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur",7);this.pdsChange=createEvent(this,"pdsChange",7);this.pdsFocus=createEvent(this,"pdsFocus",7);this.pdsInput=createEvent(this,"pdsInput",7);this.inheritedAttributes={};this.isComposing=false;this.onInputEvent=function(e){var t=e.target;if(t){i.value=t.value||""}i.emitInputChange(e)};this.onChangeEvent=function(e){i.emitValueChange(e)};this.onBlurEvent=function(e){i.hasFocus=false;if(i.focusedValue!==i.value){i.emitValueChange(e)}i.pdsBlur.emit(e)};this.onFocusEvent=function(e){i.hasFocus=true;i.focusedValue=i.value;i.pdsFocus.emit(e)};this.onCompositionStart=function(){i.isComposing=true};this.onCompositionEnd=function(){i.isComposing=false};this.autocomplete=undefined;this.componentId=undefined;this.debounce=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.type="text";this.value="";this.hasFocus=false}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.debounceChanged=function(){var e=this,i=e.pdsInput,t=e.debounce,r=e.originalPdsInput;this.pdsInput=t===undefined?r!==null&&r!==void 0?r:i:debounceEvent(i,t)};e.prototype.valueChanged=function(){var e=this.nativeInput;var i=this.getValue();if(e&&e.value!==i&&!this.isComposing){e.value=i}};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var i=this.value;var t=i==null?i:i.toString();this.focusedValue=t;this.pdsChange.emit({value:t,event:e})};e.prototype.emitInputChange=function(e){var i=this.value;var t=i==null?i:i.toString();this.pdsInput.emit({value:t,event:e})};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el))};e.prototype.componentDidLoad=function(){this.debounceChanged()};e.prototype.render=function(){var e=this;return h(Host,{key:"4247c9ed871a2f5e39fea4c222367341eda18e32","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null},h("div",{key:"b49fb30682b34b2c20ed6b0959d66e18050088d0",class:"pds-input"},h("label",{key:"ac028db52deca16edd0663ccccdc01d3651a299a",htmlFor:this.componentId},this.label),h("input",Object.assign({key:"cf478f28743397013c0964aa3f6232de2a319f7a",class:"pds-input__field",ref:function(i){return e.nativeInput=i},"aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,type:this.type,value:this.value,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.helperMessage&&h("p",{key:"78180c0527fc6ef81d9e915898333a9e09e892e4",class:"pds-input__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("p",{key:"9512deaecd57644da843557cd07ac8880cde424f",class:"pds-input__error-message",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"38c36403181b41c06f16e737f088e58199f07618",icon:danger,size:"small"}),this.errorMessage)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();PdsInput.style=PdsInputStyle0+(PdsInputStyle1+PdsInputStyle2);export{PdsInput as pds_input};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b1696fed.js";import{a as assignDescription,m as messageId}from"./form-1b7b69e3.js";import{b as danger}from"./index-858623fe.js";import{d as debounceEvent}from"./utils-5e425aaf.js";import{i as inheritAriaAttributes}from"./attributes-fe2c8c91.js";var pdsInputTokensCss=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";var PdsInputStyle0=pdsInputTokensCss;var labelCss=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var PdsInputStyle1=labelCss;var pdsInputCss=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__field{background:var(--pine-color-background-container);border:1px solid var(--pine-color-border);border-radius:var(--pine-dimension-125);color:var(--pine-color-text-active);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);}.pds-input__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-input__field:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed;}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:hover{border-color:var(--pine-color-border-hover)}.pds-input__field:focus-visible{border-color:var(--pine-color-border-active);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-input__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-input__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-input__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-input__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-input__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}.pds-input__field.is-invalid:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}.pds-input__error-message,.pds-input__helper-message{font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}";var PdsInputStyle2=pdsInputCss;var PdsInput=function(){function e(e){var i=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur",7);this.pdsChange=createEvent(this,"pdsChange",7);this.pdsFocus=createEvent(this,"pdsFocus",7);this.pdsInput=createEvent(this,"pdsInput",7);this.inheritedAttributes={};this.isComposing=false;this.onInputEvent=function(e){var t=e.target;if(t){i.value=t.value||""}i.emitInputChange(e)};this.onChangeEvent=function(e){i.emitValueChange(e)};this.onBlurEvent=function(e){i.hasFocus=false;if(i.focusedValue!==i.value){i.emitValueChange(e)}i.pdsBlur.emit(e)};this.onFocusEvent=function(e){i.hasFocus=true;i.focusedValue=i.value;i.pdsFocus.emit(e)};this.onCompositionStart=function(){i.isComposing=true};this.onCompositionEnd=function(){i.isComposing=false};this.autocomplete=undefined;this.componentId=undefined;this.debounce=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.type="text";this.value="";this.hasFocus=false}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.debounceChanged=function(){var e=this,i=e.pdsInput,t=e.debounce,r=e.originalPdsInput;this.pdsInput=t===undefined?r!==null&&r!==void 0?r:i:debounceEvent(i,t)};e.prototype.valueChanged=function(){var e=this.nativeInput;var i=this.getValue();if(e&&e.value!==i&&!this.isComposing){e.value=i}};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var i=this.value;var t=i==null?i:i.toString();this.focusedValue=t;this.pdsChange.emit({value:t,event:e})};e.prototype.emitInputChange=function(e){var i=this.value;var t=i==null?i:i.toString();this.pdsInput.emit({value:t,event:e})};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el))};e.prototype.componentDidLoad=function(){this.debounceChanged()};e.prototype.inputClassNames=function(){var e=["pds-input__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")};e.prototype.render=function(){var e=this;return h(Host,{key:"a823b0086b4c4accc0788813a41b19f8b6ff32e1","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null},h("div",{key:"e9b04aaa8e50c987e6010017fbb82bc7b6774d34",class:"pds-input"},this.label&&h("label",{key:"5c6ddd8b32997344399915929d1ebd9b53c01ec2",class:"pds-input__label",htmlFor:this.componentId},this.label),h("input",Object.assign({key:"4bbc00b3ad007fa357ebddccaed0ee5912c464ea",class:this.inputClassNames(),ref:function(i){return e.nativeInput=i},"aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,type:this.type,value:this.value,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.helperMessage&&h("p",{key:"df6340f0d4ac1271e6a304a2accb312b45c87081",class:"pds-input__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("p",{key:"50ecf4b62a9a7215a9b7043031a82b5f3b4f0291",class:"pds-input__error-message",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"87cfdda13d2756c221e0fc3e448c94fb46bc2eb8",icon:danger,size:"small"}),this.errorMessage)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();PdsInput.style=PdsInputStyle0+(PdsInputStyle1+PdsInputStyle2);export{PdsInput as pds_input};
 //# sourceMappingURL=pds-input.entry.js.map

package/dist/esm-es5/pds-input.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pdsInputTokensCss","PdsInputStyle0","labelCss","PdsInputStyle1","pdsInputCss","PdsInputStyle2","PdsInput","this","inheritedAttributes","isComposing","onInputEvent","ev","input","target","_this","value","emitInputChange","onChangeEvent","emitValueChange","onBlurEvent","hasFocus","focusedValue","pdsBlur","emit","onFocusEvent","pdsFocus","onCompositionStart","onCompositionEnd","class_1","prototype","setFocus","nativeInput","focus","debounceChanged","_a","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","toString","event","newValue","pdsChange","componentWillLoad","Object","assign","inheritAriaAttributes","el","componentDidLoad","render","h","Host","key","disabled","readonly","class","htmlFor","componentId","label","ref","assignDescription","invalid","helperMessage","autocomplete","id","name","placeholder","readOnly","required","type","onInput","onChange","onBlur","onFocus","onCompositionstart","onCompositionend","messageId","errorMessage","icon","danger","size"],"sources":["src/components/pds-input/pds-input.tokens.scss?tag=pds-input&encapsulation=shadow","src/global/styles/utils/label.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":["/*\n Do not edit directly, this file was auto-generated.\n /\n\n:host {\n --pine-input-color-background-danger: var(--pine-color-red-050);\n}\n",":host {\n display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n label {\n color: var(--pine-color-text-label-readonly);\n }\n}\n\nlabel {\n color: var(--pine-color-text-label);\n font: var(--pine-typography-body-medium);\n letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);\n\n display: inline;\n}\n\n:host([aria-readonly=\"true\"]) {\n input {\n background-color: var(--pine-color-background-container-disabled);\n color: var(--pine-color-text-readonly);\n }\n}\n\n.pds-input {\n display: flex;\n flex-direction: column;\n}\n\nlabel {\n margin-block-end: var(--pine-dimension-xs);\n}\n\ninput {\n border: 1px solid var(--pine-color-border);\n border-radius: 10px;\n color: var(--pine-color-text-active);\n font: var(--pine-typography-body);\n letter-spacing: var(--pine-letter-spacing);\n padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n &:disabled {\n background-color: var(--pine-color-background-container-disabled);\n border-color: var(--pine-color-border-disabled);\n color: var(--pine-color-text-disabled);\n cursor: not-allowed;\n\n / stylelint-disable /\n &::-webkit-input-placeholder {\n color: var(--pine-color-text-placeholder-disabled);\n }\n\n &::-moz-placeholder {\n color: var(--pine-color-text-placeholder-disabled);\n }\n\n &::-moz-placeholder {\n color: var(--pine-color-text-placeholder-disabled);\n }\n\n &:-ms-input-placeholder {\n color: var(--pine-color-text-placeholder-disabled);\n }\n / stylelint-enable /\n }\n\n &:hover {\n border-color: var(--pine-color-border-hover);\n }\n\n &:focus-visible {\n border-color: var(--pine-color-border-active);\n box-shadow: var(--box-shadow-focus);\n outline: none;\n }\n\n / stylelint-disable /\n &::-webkit-input-placeholder {\n color: var(--pine-color-text-placeholder);\n }\n\n &::-moz-placeholder {\n color: var(--pine-color-text-placeholder);\n }\n\n &::-moz-placeholder {\n color: var(--pine-color-text-placeholder);\n }\n\n &:-ms-input-placeholder {\n color: var(--pine-color-text-placeholder);\n }\n\n &:has(~.pds-input__error-message) {\n\n background-color: var(--pine-input-color-background-danger);\n border-color: var(--pine-color-border-danger);\n\n &:focus-visible {\n box-shadow: var(--box-shadow-focus-error);\n outline: none;\n }\n }\n / stylelint-enable /\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n font: var(--pine-typography-body-sm-medium);\n margin-block-end: 0;\n margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-input__error-message {\n align-items: center;\n color: var(--pine-color-text-message-danger);\n display: flex;\n gap: var(--pine-dimension-2xs);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { debounceEvent } from '@utils/utils';\nimport { inheritAriaAttributes } from '@utils/attributes';\n\nimport type { Attributes } from '@utils/attributes';\nimport type { InputChangeEventDetail, InputInputEventDetail } from './input-interface';\n\n@Component({\n tag: 'pds-input',\n styleUrls: ['pds-input.tokens.scss', '../../global/styles/utils/label.scss', 'pds-input.scss'],\n shadow: true,\n})\nexport class PdsInput {\n private nativeInput?: HTMLInputElement;\n private inheritedAttributes: Attributes = {};\n private isComposing = false;\n /\n The value of the input when the input is focused.\n /\n private focusedValue?: string \| number \| null;\n\n private originalPdsInput?: EventEmitter<InputInputEventDetail>;\n\n @Element() el!: HTMLPdsInputElement;\n\n /\n Emitted when the input loses focus.\n /\n @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n /\n \n * Emitted when the value has changed.\n \n This event will not emit when programmatically setting the `value` property.\n /\n @Event() pdsChange!: EventEmitter<InputChangeEventDetail>;\n\n /\n Emitted when the input has focus.\n /\n @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n /\n Emitted when a keyboard input occurs.\n /\n @Event() pdsInput: EventEmitter<InputInputEventDetail>;\n\n /\n Sets focus on the native `input` in the `pds-input`. Use this method instead of the global\n * `input.focus()`.\n /\n @Method()\n async setFocus() {\n if ( this.nativeInput ) {\n this.nativeInput.focus();\n }\n }\n\n /\n Specifies if and how the browser provides `autocomplete` assistance for the field.\n /\n @Prop() autocomplete: string;\n\n /\n A unique identifier used for the underlying component `id` attribute.\n /\n @Prop() componentId!: string;\n\n /\n Sets the number of milliseconds to wait before updating the value.\n /\n @Prop() debounce?: number;\n\n /\n Determines whether or not the input field is disabled.\n /\n @Prop() disabled?: boolean;\n\n /\n Specifies the error message and provides an error-themed treatment to the field.\n /\n @Prop() errorMessage?: string;\n\n /\n Displays a message or hint below the input field.\n /\n @Prop() helperMessage?: string;\n\n /\n Determines whether or not the input field is invalid or throws an error.\n /\n @Prop() invalid?: boolean;\n\n /\n Text to be displayed as the input label.\n /\n @Prop() label?: string;\n\n /\n Specifies the name. Submitted with the form name/value pair.\n /\n @Prop() name?: string;\n\n /\n Specifies a short hint that describes the expected value of the input field.\n /\n @Prop() placeholder?: string;\n\n /\n Determines whether or not the input field is readonly.\n /\n @Prop() readonly?: boolean;\n\n /\n Determines whether or not the input field is required.\n /\n @Prop() required?: boolean;\n\n /\n Determines the type of control that will be displayed\n * `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`\n * @defaultValue \"text\"\n /\n @Prop() type = 'text';\n\n /\n The value of the input.\n /\n @Prop({mutable: true}) value?: string \| number \| null = '';\n\n /\n Determines if the input has focus.\n /\n @State() hasFocus = false;\n\n\n @Watch('debounce')\n protected debounceChanged() {\n const { pdsInput, debounce, originalPdsInput } = this;\n\n /\n If debounce is undefined, we have to manually revert the pdsInput emitter in case\n * debounce used to be set to a number. Otherwise, the event would stay debounced.\n /\n this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n }\n\n @Watch('value')\n protected valueChanged() {\n const nativeInput = this.nativeInput;\n const value = this.getValue();\n\n if (nativeInput && nativeInput.value !== value && !this.isComposing) {\n nativeInput.value = value;\n }\n }\n\n private getValue(): string {\n return typeof this.value === 'number' ? this.value.toString() : (this.value \|\| '').toString();\n }\n\n private onInputEvent = (ev: Event) => {\n const input = ev.target as HTMLInputElement \| null;\n if (input) {\n this.value = input.value \|\| '';\n }\n this.emitInputChange(ev);\n };\n\n private onChangeEvent = (ev: Event) => {\n this.emitValueChange(ev);\n };\n\n private onBlurEvent = (ev: FocusEvent) => {\n this.hasFocus = false;\n\n if (this.focusedValue !== this.value) {\n /\n Emits the `pdsChange` event when the input value\n * is different than the value when the input was focused.\n /\n this.emitValueChange(ev);\n }\n\n this.pdsBlur.emit(ev);\n };\n\n private onFocusEvent = (ev: FocusEvent) => {\n this.hasFocus = true;\n this.focusedValue = this.value;\n\n this.pdsFocus.emit(ev);\n };\n\n private onCompositionStart = () => {\n this.isComposing = true;\n }\n\n private onCompositionEnd = () => {\n this.isComposing = false;\n }\n\n /\n Emits a pdsChange event\n /\n private emitValueChange(event?: Event) {\n const { value } = this;\n const newValue = value == null ? value : value.toString();\n\n this.focusedValue = newValue;\n this.pdsChange.emit({ value: newValue, event });\n }\n\n /\n \n * Emits a `pdsInput` event\n */\n private emitInputChange(event?: Event) {\n const { value } = this;\n\n // Checks for both null and undefined values\n const newValue = value == null ? value : value.toString();\n\n this.pdsInput.emit({ value: newValue, event });\n }\n\n\n componentWillLoad() {\n this.inheritedAttributes = {\n ...inheritAriaAttributes(this.el)\n }\n }\n\n componentDidLoad() {\n this.debounceChanged();\n }\n\n render() {\n return (\n <Host\n aria-disabled={this.disabled ? 'true' : null}\n aria-readonly={this.readonly ? 'true' : null}\n >\n <div class=\"pds-input\">\n <label htmlFor={this.componentId}>{this.label}</label>\n <input class=\"pds-input__field\"\n ref={(input) => this.nativeInput = input}\n aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n aria-invalid={this.invalid ? \"true\" : undefined}\n autocomplete={this.autocomplete}\n disabled={this.disabled}\n id={this.componentId}\n name={this.name}\n placeholder={this.placeholder}\n readOnly={this.readonly}\n required={this.required}\n type={this.type}\n value={this.value}\n onInput={this.onInputEvent}\n onChange={this.onChangeEvent}\n onBlur={this.onBlurEvent}\n onFocus={this.onFocusEvent}\n onCompositionstart={this.onCompositionStart}\n onCompositionend={this.onCompositionEnd}\n {...this.inheritedAttributes}\n />\n {this.helperMessage &&\n <p\n class=\"pds-input__helper-message\"\n id={messageId(this.componentId, 'helper')}\n >\n {this.helperMessage}\n </p>\n }\n {this.errorMessage &&\n <p\n class=\"pds-input__error-message\"\n id={messageId(this.componentId, 'error')}\n aria-live=\"assertive\"\n >\n <pds-icon icon={danger} size=\"small\" />\n {this.errorMessage}\n </p>\n }\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["pdsInputTokensCss","PdsInputStyle0","labelCss","PdsInputStyle1","pdsInputCss","PdsInputStyle2","PdsInput","this","inheritedAttributes","isComposing","onInputEvent","ev","input","target","_this","value","emitInputChange","onChangeEvent","emitValueChange","onBlurEvent","hasFocus","focusedValue","pdsBlur","emit","onFocusEvent","pdsFocus","onCompositionStart","onCompositionEnd","class_1","prototype","setFocus","nativeInput","focus","debounceChanged","_a","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","toString","event","newValue","pdsChange","componentWillLoad","Object","assign","inheritAriaAttributes","el","componentDidLoad","inputClassNames","classNames","invalid","push","join","render","h","Host","key","disabled","readonly","class","label","htmlFor","componentId","ref","assignDescription","helperMessage","autocomplete","id","name","placeholder","readOnly","required","type","onInput","onChange","onBlur","onFocus","onCompositionstart","onCompositionend","messageId","errorMessage","icon","danger","size"],"sources":["src/components/pds-input/pds-input.tokens.scss?tag=pds-input&encapsulation=shadow","src/global/styles/utils/label.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":["/*\n Do not edit directly, this file was auto-generated.\n /\n\n:host {\n --pine-input-color-background-danger: var(--pine-color-red-050);\n}\n",":host {\n display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n label {\n color: var(--pine-color-text-label-readonly);\n }\n}\n\nlabel {\n color: var(--pine-color-text-label);\n font: var(--pine-typography-body-medium);\n letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);\n\n display: inline;\n}\n\n:host([aria-readonly=\"true\"]) {\n input {\n background-color: var(--pine-color-background-container-disabled);\n color: var(--pine-color-text-readonly);\n }\n}\n\n.pds-input {\n display: flex;\n flex-direction: column;\n}\n\n.pds-input__label {\n margin-block-end: var(--pine-dimension-2xs)\n}\n\n.pds-input__field {\n background: var(--pine-color-background-container);\n border: 1px solid var(--pine-color-border);\n border-radius: var(--pine-dimension-125);\n color: var(--pine-color-text-active);\n font: var(--pine-typography-body);\n letter-spacing: var(--pine-letter-spacing);\n padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n &:hover:not(:disabled, .is-invalid) {\n border: var(--pine-border-hover);\n }\n\n &:disabled {\n background-color: var(--pine-color-background-container-disabled);\n border-color: var(--pine-color-border-disabled);\n color: var(--pine-color-text-disabled);\n cursor: not-allowed;\n\n / stylelint-disable /\n &::-webkit-input-placeholder {\n color: var(--pine-color-text-placeholder-disabled);\n }\n\n &::-moz-placeholder {\n color: var(--pine-color-text-placeholder-disabled);\n }\n\n &::-moz-placeholder {\n color: var(--pine-color-text-placeholder-disabled);\n }\n\n &:-ms-input-placeholder {\n color: var(--pine-color-text-placeholder-disabled);\n }\n / stylelint-enable /\n }\n\n &:hover {\n border-color: var(--pine-color-border-hover);\n }\n\n &:focus-visible {\n border-color: var(--pine-color-border-active);\n box-shadow: var(--box-shadow-focus);\n outline: none;\n }\n\n / stylelint-disable /\n &::-webkit-input-placeholder {\n color: var(--pine-color-text-placeholder);\n }\n\n &::-moz-placeholder {\n color: var(--pine-color-text-placeholder);\n }\n\n &::-moz-placeholder {\n color: var(--pine-color-text-placeholder);\n }\n\n &:-ms-input-placeholder {\n color: var(--pine-color-text-placeholder);\n }\n / stylelint-enable /\n\n &.is-invalid {\n background-color: var(--pine-input-color-background-danger);\n border-color: var(--pine-color-border-danger);\n\n &:focus-visible {\n box-shadow: var(--box-shadow-focus-error);\n }\n }\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n font: var(--pine-typography-body-sm-medium);\n margin-block-end: 0;\n margin-block-start: var(--pine-dimension-2xs)\n}\n\n.pds-input__error-message {\n align-items: center;\n color: var(--pine-color-text-message-danger);\n display: flex;\n gap: var(--pine-dimension-2xs);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { debounceEvent } from '@utils/utils';\nimport { inheritAriaAttributes } from '@utils/attributes';\n\nimport type { Attributes } from '@utils/attributes';\nimport type { InputChangeEventDetail, InputInputEventDetail } from './input-interface';\n\n@Component({\n tag: 'pds-input',\n styleUrls: ['pds-input.tokens.scss', '../../global/styles/utils/label.scss', 'pds-input.scss'],\n shadow: true,\n})\nexport class PdsInput {\n private nativeInput?: HTMLInputElement;\n private inheritedAttributes: Attributes = {};\n private isComposing = false;\n /\n The value of the input when the input is focused.\n /\n private focusedValue?: string \| number \| null;\n\n private originalPdsInput?: EventEmitter<InputInputEventDetail>;\n\n @Element() el!: HTMLPdsInputElement;\n\n /\n Emitted when the input loses focus.\n /\n @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n /\n \n * Emitted when the value has changed.\n \n This event will not emit when programmatically setting the `value` property.\n /\n @Event() pdsChange!: EventEmitter<InputChangeEventDetail>;\n\n /\n Emitted when the input has focus.\n /\n @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n /\n Emitted when a keyboard input occurs.\n /\n @Event() pdsInput: EventEmitter<InputInputEventDetail>;\n\n /\n Sets focus on the native `input` in the `pds-input`. Use this method instead of the global\n * `input.focus()`.\n /\n @Method()\n async setFocus() {\n if ( this.nativeInput ) {\n this.nativeInput.focus();\n }\n }\n\n /\n Specifies if and how the browser provides `autocomplete` assistance for the field.\n /\n @Prop() autocomplete: string;\n\n /\n A unique identifier used for the underlying component `id` attribute.\n /\n @Prop() componentId!: string;\n\n /\n Sets the number of milliseconds to wait before updating the value.\n /\n @Prop() debounce?: number;\n\n /\n Determines whether or not the input field is disabled.\n /\n @Prop() disabled?: boolean;\n\n /\n Specifies the error message and provides an error-themed treatment to the field.\n /\n @Prop() errorMessage?: string;\n\n /\n Displays a message or hint below the input field.\n /\n @Prop() helperMessage?: string;\n\n /\n Determines whether or not the input field is invalid or throws an error.\n /\n @Prop() invalid?: boolean;\n\n /\n Text to be displayed as the input label.\n /\n @Prop() label?: string;\n\n /\n Specifies the name. Submitted with the form name/value pair.\n /\n @Prop() name?: string;\n\n /\n Specifies a short hint that describes the expected value of the input field.\n /\n @Prop() placeholder?: string;\n\n /\n Determines whether or not the input field is readonly.\n /\n @Prop() readonly?: boolean;\n\n /\n Determines whether or not the input field is required.\n /\n @Prop() required?: boolean;\n\n /\n Determines the type of control that will be displayed\n * `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`, `'url'`\n * @defaultValue \"text\"\n /\n @Prop() type = 'text';\n\n /\n The value of the input.\n /\n @Prop({mutable: true}) value?: string \| number \| null = '';\n\n /\n Determines if the input has focus.\n /\n @State() hasFocus = false;\n\n\n @Watch('debounce')\n protected debounceChanged() {\n const { pdsInput, debounce, originalPdsInput } = this;\n\n /\n If debounce is undefined, we have to manually revert the pdsInput emitter in case\n * debounce used to be set to a number. Otherwise, the event would stay debounced.\n /\n this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n }\n\n @Watch('value')\n protected valueChanged() {\n const nativeInput = this.nativeInput;\n const value = this.getValue();\n\n if (nativeInput && nativeInput.value !== value && !this.isComposing) {\n nativeInput.value = value;\n }\n }\n\n private getValue(): string {\n return typeof this.value === 'number' ? this.value.toString() : (this.value \|\| '').toString();\n }\n\n private onInputEvent = (ev: Event) => {\n const input = ev.target as HTMLInputElement \| null;\n if (input) {\n this.value = input.value \|\| '';\n }\n this.emitInputChange(ev);\n };\n\n private onChangeEvent = (ev: Event) => {\n this.emitValueChange(ev);\n };\n\n private onBlurEvent = (ev: FocusEvent) => {\n this.hasFocus = false;\n\n if (this.focusedValue !== this.value) {\n /\n Emits the `pdsChange` event when the input value\n * is different than the value when the input was focused.\n /\n this.emitValueChange(ev);\n }\n\n this.pdsBlur.emit(ev);\n };\n\n private onFocusEvent = (ev: FocusEvent) => {\n this.hasFocus = true;\n this.focusedValue = this.value;\n\n this.pdsFocus.emit(ev);\n };\n\n private onCompositionStart = () => {\n this.isComposing = true;\n }\n\n private onCompositionEnd = () => {\n this.isComposing = false;\n }\n\n /\n Emits a pdsChange event\n /\n private emitValueChange(event?: Event) {\n const { value } = this;\n const newValue = value == null ? value : value.toString();\n\n this.focusedValue = newValue;\n this.pdsChange.emit({ value: newValue, event });\n }\n\n /\n \n * Emits a `pdsInput` event\n */\n private emitInputChange(event?: Event) {\n const { value } = this;\n\n // Checks for both null and undefined values\n const newValue = value == null ? value : value.toString();\n\n this.pdsInput.emit({ value: newValue, event });\n }\n\n\n componentWillLoad() {\n this.inheritedAttributes = {\n ...inheritAriaAttributes(this.el)\n }\n }\n\n componentDidLoad() {\n this.debounceChanged();\n }\n\n private inputClassNames() {\n const classNames = ['pds-input__field'];\n\n if (this.invalid && this.invalid === true) {\n classNames.push('is-invalid');\n }\n\n return classNames.join(' ');\n }\n\n render() {\n return (\n <Host\n aria-disabled={this.disabled ? 'true' : null}\n aria-readonly={this.readonly ? 'true' : null}\n >\n <div class=\"pds-input\">\n {this.label &&\n <label class=\"pds-input__label\" htmlFor={this.componentId}>{this.label}</label>\n }\n <input\n class={this.inputClassNames()}\n ref={(input) => this.nativeInput = input}\n aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n aria-invalid={this.invalid ? \"true\" : undefined}\n autocomplete={this.autocomplete}\n disabled={this.disabled}\n id={this.componentId}\n name={this.name}\n placeholder={this.placeholder}\n readOnly={this.readonly}\n required={this.required}\n type={this.type}\n value={this.value}\n onInput={this.onInputEvent}\n onChange={this.onChangeEvent}\n onBlur={this.onBlurEvent}\n onFocus={this.onFocusEvent}\n onCompositionstart={this.onCompositionStart}\n onCompositionend={this.onCompositionEnd}\n {...this.inheritedAttributes}\n />\n {this.helperMessage &&\n <p\n class=\"pds-input__helper-message\"\n id={messageId(this.componentId, 'helper')}\n >\n {this.helperMessage}\n </p>\n }\n {this.errorMessage &&\n <p\n class=\"pds-input__error-message\"\n id={messageId(this.componentId, 'error')}\n aria-live=\"assertive\"\n >\n <pds-icon icon={danger} size=\"small\" />\n {this.errorMessage}\n </p>\n }\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/pds-link.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h}from"./index-b1696fed.js";import{l as launch}from"./index-d320cfa9.js";var pdsLinkCss=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.pds-link:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none;position:relative}.pds-link--sm{font-size:var(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--pine-color-text-hover);text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{color:var(--pine-color-text-hover);text-decoration:none}";var PdsLinkStyle0=pdsLinkCss;var PdsLink=function(){function i(i){registerInstance(this,i);this.componentId=undefined;this.external=false;this.variant="inline";this.fontSize="lg";this.href=undefined}i.prototype.classNames=function(){var i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")};i.prototype.render=function(){return h("a",{key:"d21ad4828be4f730d996dfa814ea8f8863053a51",class:this.classNames(),href:this.href,id:this.componentId,target:this.external?"_blank":undefined,part:"link"},h("slot",{key:"7e2dd2c8f33a12ba99a7b0c6f80e263c4fc7d695"},this.href),this.external&&h("pds-icon",{key:"8e1597318fb76223ae25232b9f1a814781f25409",icon:launch,size:this.fontSize}))};return i}();PdsLink.style=PdsLinkStyle0;export{PdsLink as pds_link};
+import{r as registerInstance,h}from"./index-b1696fed.js";import{l as launch}from"./index-858623fe.js";var pdsLinkCss=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.pds-link:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none;position:relative}.pds-link--sm{font-size:var(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--pine-color-text-hover);text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{color:var(--pine-color-text-hover);text-decoration:none}";var PdsLinkStyle0=pdsLinkCss;var PdsLink=function(){function i(i){registerInstance(this,i);this.componentId=undefined;this.external=false;this.variant="inline";this.fontSize="lg";this.href=undefined}i.prototype.classNames=function(){var i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")};i.prototype.render=function(){return h("a",{key:"ee9b0a9897e2a212989d607c85f2050ee992bd32",class:this.classNames(),href:this.href,id:this.componentId,target:this.external?"_blank":undefined,part:"link"},h("slot",{key:"611a4f9194ce38fd3b79c7e55281a625267846a4"},this.href),this.external&&h("pds-icon",{key:"a527d217c8ef1e69a2ca127019fbeb3eb25b3a02",icon:launch,size:this.fontSize}))};return i}();PdsLink.style=PdsLinkStyle0;export{PdsLink as pds_link};
 //# sourceMappingURL=pds-link.entry.js.map

package/dist/esm-es5/pds-loader.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-b1696fed.js";var pdsLoaderCss=":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--color-background-spinner:var(--pine-color-brand);--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--color-background-spinner)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}";var PdsLoaderStyle0=pdsLoaderCss;var PdsLoader=function(){function e(e){var i=this;registerInstance(this,e);this.style=function(){if(i.size!==undefined){return{height:i.loaderSize(),width:i.loaderSize()}}};this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner"}e.prototype.loaderSize=function(){var e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}};e.prototype.render=function(){return h(Host,{key:"0caf3182214726aca594996b43765c540a2bea76",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&h("div",{key:"bf62aea965efcfa2d5331ac9f69fdd60836ec498",class:"pds-loader--spinner"},h("svg",{key:"f4a2ca5e27c3c04f70029415996c79d54e3db148",style:this.style(),viewBox:"0 0 200 200",fill:"none"},h("defs",{key:"dba4da5d4c65b1322c079b1ef3608044f8a0c12d"},h("linearGradient",{key:"da837ec20645bb254a1bf86796306e07744adbdd",id:"spinner-secondHalf"},h("stop",{key:"922e70ae537fa4541afb13d167ca7578759462fd",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),h("stop",{key:"861e6a6540827f500872f11527301ef563b9d3cd",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),h("linearGradient",{key:"b8675daa4f37de927e8d3742385e2058a0b33f36",id:"spinner-firstHalf"},h("stop",{key:"754e35be6b1268864743c42adc41ef682dab1307",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),h("stop",{key:"9db1dee07342751a07a6039326bb2fada0ba22d7",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),h("g",{key:"aee0ed505c0512e831724ca54cb287bde5ab2470",class:"pds-loader__spinner-path"},h("path",{key:"93096ef22bd2fdbaa819b926b4ec8fabce2050c7",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),h("path",{key:"648bde48070689c3b22bc40f1ad17de694d146f7",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),h("path",{key:"9a78cd8d70dbeed9cf04deef9ee766c31464b0e6",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&h("div",{key:"6b5a395b4a7fef244d941d5276ca4348ed2e79de",class:"pds-loader--typing"},h("span",{key:"7c1e5a5b2441e0c649a1faab10a758290487c492"}),h("span",{key:"39db51a0391c2447ab4ba5a75e8d544c2167e41b"}),h("span",{key:"5315bfc12f3b269ff14ac4abe39c4bd50be4a648"})),h("div",{key:"c53aa88ef1f3bbabd67f332529016adbfcd4e82e",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},h("slot",{key:"3d6dbd3a72223fc49e1ce1f0578296b18c7175ae",name:"label"},"Loading...")))};return e}();PdsLoader.style=PdsLoaderStyle0;export{PdsLoader as pds_loader};
+import{r as registerInstance,h,H as Host}from"./index-b1696fed.js";var pdsLoaderCss=":host{--loader-color:var(--pine-color-brand);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}";var PdsLoaderStyle0=pdsLoaderCss;var PdsLoader=function(){function e(e){var i=this;registerInstance(this,e);this.style=function(){if(i.size!==undefined){return{height:i.loaderSize(),width:i.loaderSize()}}};this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner"}e.prototype.loaderSize=function(){var e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}};e.prototype.render=function(){return h(Host,{key:"7c8fdc4812310a291f992786f1e7951664afb8b6",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&h("div",{key:"411dbd7e815b2160abcbd0049f9e310a9059452c",class:"pds-loader--spinner"},h("svg",{key:"1d59dc3aea7bb51015680c3657abb964a7b69106",style:this.style(),viewBox:"0 0 200 200",fill:"none"},h("defs",{key:"9ed887bf61bda5cda7662952dfc9add1e3e1ca40"},h("linearGradient",{key:"af416e97cbfbb1b2cc5c6a06f168165d60f984c8",id:"spinner-secondHalf"},h("stop",{key:"dd3d79c1b422dbc29a2f7af106d7e648ea739e09",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),h("stop",{key:"313ef7bbcaecad0f4bf8eb268e05ef3ff48f55be",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),h("linearGradient",{key:"b36dde7b2648bb9bef120354f70bab8fbc3879a8",id:"spinner-firstHalf"},h("stop",{key:"7d38062cf2f39b1be1b29e7799ac68c59744a172",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),h("stop",{key:"bfe1ea074d55af2098eca57459c54cd92a1ecafc",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),h("g",{key:"0d2ee2c9abe4b90f8c38246c847c43a942316686",class:"pds-loader__spinner-path"},h("path",{key:"87b0fc01bc7fe59e596013011034e2e1d6eabd38",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),h("path",{key:"07b2c9ddd18117d1ef40f3e26f76bafc8c8c5309",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),h("path",{key:"f4a88b3aaefb70c1cb5582f94d507efe88a66fbe",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&h("div",{key:"ab906177f012e882487a447338c1e1155524b8c3",class:"pds-loader--typing"},h("span",{key:"b7080dffb6dfb66bd89ca754880e7456b33f9cdb"}),h("span",{key:"0b7d00d9e3fcbaecbade0860a2a50cec6f13b017"}),h("span",{key:"0e8cca8e86dba84a7b22913d5458c0c232661526"})),h("div",{key:"540aee483c31b199a1c4ec09e6a848661379e593",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},h("slot",{key:"f94f166ef6a1ef8a995efc664cd2ddf509ad51d8",name:"label"},"Loading...")))};return e}();PdsLoader.style=PdsLoaderStyle0;export{PdsLoader as pds_loader};
 //# sourceMappingURL=pds-loader.entry.js.map

package/dist/esm-es5/pds-loader.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pdsLoaderCss","PdsLoaderStyle0","PdsLoader","this","style","_this","size","undefined","height","loaderSize","width","prototype","sizes","xs","sm","md","lg","xl","render","h","Host","key","class","concat","isLoading","variant","viewBox","fill","id","offset","stroke","d","showLabel","name"],"sources":["src/components/pds-loader/pds-loader.scss?tag=pds-loader&encapsulation=shadow","src/components/pds-loader/pds-loader.tsx"],"sourcesContent":[":host {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: var(--pine-dimension-xs);\n}\n\n:host(.pds-loader--hidden),\n.pds-loader--hidden {\n border-width: 0 ;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n// Default Loader\n.pds-loader--spinner svg {\n --~~color-background-spinner: var(--pine-color-brand);\n --~~number-spinner-timing: 2s;\n --number-spinner-path-timing: 1.5s;\n\n animation: rotate var(--number-spinner-timing) linear infinite;\n color: var(--color~~-background-spinner~~);\n}\n\n.pds-loader__spinner-path {\n stroke-width: 8px;\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n// Typing Loader\n.pds-loader--typing {\n --number-typing-timing: 1s;\n\n --opacity-typing-dot-default: 0.4;\n --opacity-typing-dot-active: 1;\n\n align-items: center;\n background-color: var(--pine-color-background-container-disabled);\n border-radius: var(--pine-dimension-sm);\n box-shadow: var(--pine-box-shadow);\n display: inline-flex;\n gap: var(--pine-dimension-2xs);\n margin-block: var(--pine-dimension-none);\n margin-inline: auto;\n padding-block: 15px;\n padding-inline: 20px;\n position: relative;\n\n span {\n background-color: var(--pine-color-border-hover);\n block-size: 6px;\n border-radius: var(--pine-border-radius-full);\n inline-size: 6px;\n opacity: var(--opacity-typing-dot-default);\n\n @for $i from 1 through 3 {\n &:nth-of-type(#{$i}) {\n animation: var(--number-typing-timing) typing infinite ($i * 0.3333s);\n }\n }\n }\n}\n\n@keyframes typing {\n 50% {\n opacity: var(--opacity-typing-dot-active);\n transform: scale(1.25);\n }\n}\n\n.pds-loader__label {\n --typography-label-default: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);\n\n font: var(--typography-label-default);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/*\n @slot label - Default slot for Loader label text.\n /\n\n@Component({\n tag: 'pds-loader',\n styleUrls: ['pds-loader.scss'],\n shadow: true,\n})\nexport class PdsLoader {\n /\n If false, the loader will be hidden.\n /\n @Prop() isLoading: boolean = true;\n\n /\n Determines whether the loader should display a label.\n /\n @Prop() showLabel?: boolean = false;\n\n /\n Sets the size of the spinner loader. Value can be preset or custom.\n /\n @Prop({ reflect: true }) size?:\n \| 'xs' // 24px\n \| 'sm' // 32px\n \| 'md' // 48px\n \| 'lg' // 64px\n \| 'xl' // 80px\n \| string = 'md';\n\n /\n Determines the type of loader.\n */\n @Prop() variant: 'spinner' \| 'typing' = 'spinner';\n\n private loaderSize() {\n const sizes: { [key: string]: string } = {\n xs: '24px',\n sm: '32px',\n md: '48px',\n lg: '64px',\n xl: '80px',\n };\n\n if (sizes[this.size]) {\n return sizes[this.size];\n } else {\n return this.size;\n }\n }\n\n private style = () => {\n if (this.size !== undefined) {\n return {\n height: this.loaderSize(),\n width: this.loaderSize(),\n };\n }\n };\n\n render() {\n return (\n <Host class={`pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`} aria-hidden={!this.isLoading} aria-busy={this.isLoading} aria-live=\"polite\">\n {this.variant === 'spinner' && (\n <div class=\"pds-loader--spinner\">\n <svg style={this.style()} viewBox=\"0 0 200 200\" fill=\"none\">\n <defs>\n <linearGradient id=\"spinner-secondHalf\">\n <stop offset=\"0%\" stop-opacity=\"0\" stop-color=\"currentColor\" />\n <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n </linearGradient>\n <linearGradient id=\"spinner-firstHalf\">\n <stop offset=\"0%\" stop-opacity=\"1\" stop-color=\"currentColor\" />\n <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n </linearGradient>\n </defs>\n\n <g class=\"pds-loader__spinner-path\">\n <path stroke=\"url(#spinner-secondHalf)\" d=\"M 4 100 A 96 96 0 0 1 196 100\" />\n <path stroke=\"url(#spinner-firstHalf)\" d=\"M 196 100 A 96 96 0 0 1 4 100\" />\n\n <path stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M 4 100 A 96 96 0 0 1 4 98\" />\n </g>\n </svg>\n </div>\n )}\n\n {this.variant === 'typing' && (\n <div class=\"pds-loader--typing\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n )}\n\n <div class={`pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}`}>\n <slot name=\"label\">Loading...</slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"mEAAA,IAAMA,aAAe,~~s+EACrB~~,IAAAC,gBAAeD,a,ICUFE,UAAS,W,kDA2CZC,KAAAC,MAAQ,WACd,GAAIC,EAAKC,OAASC,UAAW,CAC3B,MAAO,CACLC,OAAQH,EAAKI,aACbC,MAAOL,EAAKI,a,kBA3CW,K,eAKC,M,UAWnB,K,aAK6B,S,CAEhCP,EAAAS,UAAAF,WAAA,WACN,IAAMG,EAAmC,CACvCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMT,KAAKG,MAAO,CACpB,OAAOM,EAAMT,KAAKG,K,KACb,CACL,OAAOH,KAAKG,I,GAahBJ,EAAAS,UAAAO,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACC,MAAO,cAAAC,OAAcpB,KAAKqB,UAAY,GAAK,sBAAsB,eAAgBrB,KAAKqB,UAAS,YAAarB,KAAKqB,UAAS,YAAY,UACzIrB,KAAKsB,UAAY,WAChBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKjB,MAAOD,KAAKC,QAASsB,QAAQ,cAAcC,KAAK,QACnDR,EAAA,QAAAE,IAAA,4CACEF,EAAA,kBAAAE,IAAA,2CAAgBO,GAAG,sBACjBT,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CV,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,OAAM,eAAc,MAAK,aAAY,kBAEpDV,EAAA,kBAAAE,IAAA,2CAAgBO,GAAG,qBACjBT,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CV,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,OAAM,eAAc,MAAK,aAAY,mBAItDV,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4BACPH,EAAA,QAAAE,IAAA,2CAAMS,OAAO,2BAA2BC,EAAE,kCAC1CZ,EAAA,QAAAE,IAAA,2CAAMS,OAAO,0BAA0BC,EAAE,kCAEzCZ,EAAA,QAAAE,IAAA,2CAAMS,OAAO,eAAc,iBAAgB,QAAQC,EAAE,kCAM5D5B,KAAKsB,UAAY,UAChBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8CAIJF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,qBAAAC,OAAqBpB,KAAK6B,UAAY,GAAK,uBACrDb,EAAA,QAAAE,IAAA,2CAAMY,KAAK,SAAO,e,WAxFN,G","ignoreList":[]}
1	+ {"version":3,"names":["pdsLoaderCss","PdsLoaderStyle0","PdsLoader","this","style","_this","size","undefined","height","loaderSize","width","prototype","sizes","xs","sm","md","lg","xl","render","h","Host","key","class","concat","isLoading","variant","viewBox","fill","id","offset","stroke","d","showLabel","name"],"sources":["src/components/pds-loader/pds-loader.scss?tag=pds-loader&encapsulation=shadow","src/components/pds-loader/pds-loader.tsx"],"sourcesContent":[":host {\n --loader-color: var(--pine-color-brand);\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: var(--pine-dimension-xs);\n}\n\n\n:host(.pds-loader--hidden),\n.pds-loader--hidden {\n border-width: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n// Default Loader\n.pds-loader--spinner svg {\n --number-spinner-timing: 2s;\n --number-spinner-path-timing: 1.5s;\n\n animation: rotate var(--number-spinner-timing) linear infinite;\n color: var(--loader-color);\n}\n\n.pds-loader__spinner-path {\n stroke-width: 8px;\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n// Typing Loader\n.pds-loader--typing {\n --number-typing-timing: 1s;\n\n --opacity-typing-dot-default: 0.4;\n --opacity-typing-dot-active: 1;\n\n align-items: center;\n background-color: var(--pine-color-background-container-disabled);\n border-radius: var(--pine-dimension-sm);\n box-shadow: var(--pine-box-shadow);\n display: inline-flex;\n gap: var(--pine-dimension-2xs);\n margin-block: var(--pine-dimension-none);\n margin-inline: auto;\n padding-block: 15px;\n padding-inline: 20px;\n position: relative;\n\n span {\n background-color: var(--pine-color-border-hover);\n block-size: 6px;\n border-radius: var(--pine-border-radius-full);\n inline-size: 6px;\n opacity: var(--opacity-typing-dot-default);\n\n @for $i from 1 through 3 {\n &:nth-of-type(#{$i}) {\n animation: var(--number-typing-timing) typing infinite ($i * 0.3333s);\n }\n }\n }\n}\n\n@keyframes typing {\n 50% {\n opacity: var(--opacity-typing-dot-active);\n transform: scale(1.25);\n }\n}\n\n.pds-loader__label {\n --typography-label-default: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);\n\n font: var(--typography-label-default);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/*\n @slot label - Default slot for Loader label text.\n /\n\n@Component({\n tag: 'pds-loader',\n styleUrls: ['pds-loader.scss'],\n shadow: true,\n})\nexport class PdsLoader {\n /\n If false, the loader will be hidden.\n /\n @Prop() isLoading: boolean = true;\n\n /\n Determines whether the loader should display a label.\n /\n @Prop() showLabel?: boolean = false;\n\n /\n Sets the size of the spinner loader. Value can be preset or custom.\n /\n @Prop({ reflect: true }) size?:\n \| 'xs' // 24px\n \| 'sm' // 32px\n \| 'md' // 48px\n \| 'lg' // 64px\n \| 'xl' // 80px\n \| string = 'md';\n\n /\n Determines the type of loader.\n */\n @Prop() variant: 'spinner' \| 'typing' = 'spinner';\n\n private loaderSize() {\n const sizes: { [key: string]: string } = {\n xs: '24px',\n sm: '32px',\n md: '48px',\n lg: '64px',\n xl: '80px',\n };\n\n if (sizes[this.size]) {\n return sizes[this.size];\n } else {\n return this.size;\n }\n }\n\n private style = () => {\n if (this.size !== undefined) {\n return {\n height: this.loaderSize(),\n width: this.loaderSize(),\n };\n }\n };\n\n render() {\n return (\n <Host class={`pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`} aria-hidden={!this.isLoading} aria-busy={this.isLoading} aria-live=\"polite\">\n {this.variant === 'spinner' && (\n <div class=\"pds-loader--spinner\">\n <svg style={this.style()} viewBox=\"0 0 200 200\" fill=\"none\">\n <defs>\n <linearGradient id=\"spinner-secondHalf\">\n <stop offset=\"0%\" stop-opacity=\"0\" stop-color=\"currentColor\" />\n <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n </linearGradient>\n <linearGradient id=\"spinner-firstHalf\">\n <stop offset=\"0%\" stop-opacity=\"1\" stop-color=\"currentColor\" />\n <stop offset=\"100%\" stop-opacity=\"0.5\" stop-color=\"currentColor\" />\n </linearGradient>\n </defs>\n\n <g class=\"pds-loader__spinner-path\">\n <path stroke=\"url(#spinner-secondHalf)\" d=\"M 4 100 A 96 96 0 0 1 196 100\" />\n <path stroke=\"url(#spinner-firstHalf)\" d=\"M 196 100 A 96 96 0 0 1 4 100\" />\n\n <path stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M 4 100 A 96 96 0 0 1 4 98\" />\n </g>\n </svg>\n </div>\n )}\n\n {this.variant === 'typing' && (\n <div class=\"pds-loader--typing\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n )}\n\n <div class={`pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}`}>\n <slot name=\"label\">Loading...</slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"mEAAA,IAAMA,aAAe,88EACrB,IAAAC,gBAAeD,a,ICUFE,UAAS,W,kDA2CZC,KAAAC,MAAQ,WACd,GAAIC,EAAKC,OAASC,UAAW,CAC3B,MAAO,CACLC,OAAQH,EAAKI,aACbC,MAAOL,EAAKI,a,kBA3CW,K,eAKC,M,UAWnB,K,aAK6B,S,CAEhCP,EAAAS,UAAAF,WAAA,WACN,IAAMG,EAAmC,CACvCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMT,KAAKG,MAAO,CACpB,OAAOM,EAAMT,KAAKG,K,KACb,CACL,OAAOH,KAAKG,I,GAahBJ,EAAAS,UAAAO,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACC,MAAO,cAAAC,OAAcpB,KAAKqB,UAAY,GAAK,sBAAsB,eAAgBrB,KAAKqB,UAAS,YAAarB,KAAKqB,UAAS,YAAY,UACzIrB,KAAKsB,UAAY,WAChBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKjB,MAAOD,KAAKC,QAASsB,QAAQ,cAAcC,KAAK,QACnDR,EAAA,QAAAE,IAAA,4CACEF,EAAA,kBAAAE,IAAA,2CAAgBO,GAAG,sBACjBT,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CV,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,OAAM,eAAc,MAAK,aAAY,kBAEpDV,EAAA,kBAAAE,IAAA,2CAAgBO,GAAG,qBACjBT,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,KAAI,eAAc,IAAG,aAAY,iBAC9CV,EAAA,QAAAE,IAAA,2CAAMQ,OAAO,OAAM,eAAc,MAAK,aAAY,mBAItDV,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4BACPH,EAAA,QAAAE,IAAA,2CAAMS,OAAO,2BAA2BC,EAAE,kCAC1CZ,EAAA,QAAAE,IAAA,2CAAMS,OAAO,0BAA0BC,EAAE,kCAEzCZ,EAAA,QAAAE,IAAA,2CAAMS,OAAO,eAAc,iBAAgB,QAAQC,EAAE,kCAM5D5B,KAAKsB,UAAY,UAChBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8CAIJF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,qBAAAC,OAAqBpB,KAAK6B,UAAY,GAAK,uBACrDb,EAAA,QAAAE,IAAA,2CAAMY,KAAK,SAAO,e,WAxFN,G","ignoreList":[]}

package/dist/esm-es5/pds-popover.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-b1696fed.js";var pdsPopoverCss=":host{--sizing-max-width-default:352px;display:inline-block}:host [popover]{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:10px;-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200);margin:var(--pine-dimension-none);max-width:var(--sizing-max-width-default);padding:var(--pine-dimension-md);position:fixed}:host button{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--pine-color-text-secondary);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);font-family:var(--pine-font-family-heading);letter-spacing:var(--pine-letter-spacing);min-height:40px;padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}:host button:hover{background-color:var(--pine-color-secondary-hover)}";var PdsPopoverStyle0=pdsPopoverCss;var PdsPopover=function(){function e(e){registerInstance(this,e);this.active=false;this.popoverTargetAction="show";this.popoverType="auto";this.componentId=undefined;this.text=undefined;this.maxWidth=352;this.placement="right"}e.prototype.componentWillRender=function(){this.handlePopoverPositioning()};e.prototype.handleClick=function(){this.active=!this.active};e.prototype.handleScroll=function(){if(this.active){this.handlePopoverPositioning()}};e.prototype.handlePopoverPositioning=function(){var e=this.el.shadowRoot.querySelector(".pds-popover__trigger");var o=this.el.shadowRoot.querySelector("div[popover]");if(!e||!o)return;var r=e.getBoundingClientRect();var i=o.getBoundingClientRect();var t=0;var s=0;var a=8;switch(this.placement){case"top":t=r.top-i.height-a;s=r.left;break;case"right":t=r.top;s=r.right+a;break;case"bottom":t=r.bottom+a;s=r.left;break;case"left":t=r.top;s=r.left-i.width-a;break}o.style.top="".concat(t,"px");o.style.left="".concat(s,"px")};e.prototype.render=function(){return h(Host,{key:"7a21719bb6f13f435cae77f6b2c7c2eefb36c977"},h("button",{key:"707c94e2462fe230a777d61899b902c84feaa09c",class:"pds-popover__trigger",popoverTarget:this.componentId,popoverTargetAction:this.popoverTargetAction,onClick:this.handleClick},this.text),h("div",{key:"703d21dd5f3caadb8c0d097849f691d2d4407358",class:"pds-popover ".concat(this.active?"pds-popover--active":""),id:this.componentId,popover:this.popoverType,style:{maxWidth:"".concat(this.maxWidth,"px")}},h("slot",{key:"42ef680b5850d62f50f1e6cfb1587c3d5b6db0d4"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsPopover.style=PdsPopoverStyle0;export{PdsPopover as pds_popover};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-b1696fed.js";var pdsPopoverCss=":host{--sizing-max-width-default:352px;display:inline-block}:host [popover]{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200);margin:var(--pine-dimension-none);max-width:var(--sizing-max-width-default);padding:var(--pine-dimension-md);position:fixed}:host button{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--pine-color-text-secondary);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);font-family:var(--pine-font-family-heading);letter-spacing:var(--pine-letter-spacing);min-height:40px;padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}:host button:hover{background-color:var(--pine-color-secondary-hover)}";var PdsPopoverStyle0=pdsPopoverCss;var PdsPopover=function(){function e(e){registerInstance(this,e);this.active=false;this.popoverTargetAction="show";this.popoverType="auto";this.componentId=undefined;this.text=undefined;this.maxWidth=352;this.placement="right"}e.prototype.componentWillRender=function(){this.handlePopoverPositioning()};e.prototype.handleClick=function(){this.active=!this.active};e.prototype.handleScroll=function(){if(this.active){this.handlePopoverPositioning()}};e.prototype.handlePopoverPositioning=function(){var e=this.el.shadowRoot.querySelector(".pds-popover__trigger");var o=this.el.shadowRoot.querySelector("div[popover]");if(!e||!o)return;var r=e.getBoundingClientRect();var i=o.getBoundingClientRect();var t=0;var s=0;var a=8;switch(this.placement){case"top":t=r.top-i.height-a;s=r.left;break;case"right":t=r.top;s=r.right+a;break;case"bottom":t=r.bottom+a;s=r.left;break;case"left":t=r.top;s=r.left-i.width-a;break}o.style.top="".concat(t,"px");o.style.left="".concat(s,"px")};e.prototype.render=function(){return h(Host,{key:"83f5e8306d9a8f9e541e638af6fab4e83700c9ce"},h("button",{key:"11a49c046a9258b64508c3a48dff8b63468358e0",class:"pds-popover__trigger",popoverTarget:this.componentId,popoverTargetAction:this.popoverTargetAction,onClick:this.handleClick},this.text),h("div",{key:"c4034a97e7d3aa794d4cf20891cb1ccd31895fa9",class:"pds-popover ".concat(this.active?"pds-popover--active":""),id:this.componentId,popover:this.popoverType,style:{maxWidth:"".concat(this.maxWidth,"px")}},h("slot",{key:"2005210e15c7f73efed54de5980c117f682cc476"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsPopover.style=PdsPopoverStyle0;export{PdsPopover as pds_popover};
 //# sourceMappingURL=pds-popover.entry.js.map

package/dist/esm-es5/pds-popover.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pdsPopoverCss","PdsPopoverStyle0","PdsPopover","prototype","componentWillRender","this","handlePopoverPositioning","handleClick","active","handleScroll","triggerEl","el","shadowRoot","querySelector","popoverEl","triggerRect","getBoundingClientRect","popoverRect","top","left","offset","placement","height","right","bottom","width","style","concat","render","h","Host","key","class","popoverTarget","componentId","popoverTargetAction","onClick","text","id","popover","popoverType","maxWidth"],"sources":["src/components/pds-popover/pds-popover.scss?tag=pds-popover&encapsulation=shadow","src/components/pds-popover/pds-popover.tsx"],"sourcesContent":[":host {\n --sizing-max-width-default: 352px;\n\n display: inline-block;\n\n [popover] {\n background-color: var(--pine-color-background-container);\n border: var(--pine-border);\n border-radius: ~~10px~~;\n box-shadow: var(--pine-box-shadow-200);\n margin: var(--pine-dimension-none);\n max-width: var(--sizing-max-width-default);\n padding: var(--pine-dimension-md);\n position: fixed;\n }\n\n button {\n align-items: center;\n background-color: var(--pine-color-secondary);\n border: var(--pine-border);\n border-radius: var(--pine-border-radius-full);\n color: var(--pine-color-text-secondary);\n display: flex;\n font: var(--pine-typography-body-medium);\n font-family: var(--pine-font-family-heading);\n letter-spacing: var(--pine-letter-spacing);\n min-height: 40px;\n padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n &:hover {\n background-color: var(--pine-color-secondary-hover);\n }\n }\n}\n","import { Component, Element, Host, Listen, h, Prop, State } from '@stencil/core';\nimport { PlacementType } from '@utils/types';\n\n@Component({\n tag: 'pds-popover',\n styleUrl: 'pds-popover.scss',\n shadow: true,\n})\nexport class PdsPopover {\n /*\n Reference to the Host element\n /\n @Element() el: HTMLPdsPopoverElement;\n\n /\n Determines when the popover is active\n * @defaultValue false\n /\n @State() active = false;\n\n /\n Determines the action that triggers the popover. For manual popovers, the consumer is responsible for toggling this value.\n * @defaultValue \"show\"\n /\n @Prop() popoverTargetAction: 'show' \| 'toggle' \| 'hide' = 'show';\n\n /\n Determines the type of popover. Auto popovers can be \"light dismissed\" by clicking outside of the popover.\n * Manual popovers require the consumer to handle the visibility of the popover.\n /\n @Prop() popoverType: 'auto' \| 'manual' = 'auto';\n\n /\n A unique identifier used for the underlying component `id` attribute.\n /\n @Prop() componentId: string;\n\n /\n Text that appears on the trigger element\n /\n @Prop() text: string;\n\n /\n Sets the maximum width of the popover content\n * @defaultValue 352\n /\n @Prop() maxWidth?: number = 352;\n\n /\n Determines the preferred position of the popover\n * @defaultValue \"right\"\n */\n @Prop({ reflect: true }) placement: PlacementType = 'right';\n\n componentWillRender() {\n this.handlePopoverPositioning();\n }\n\n @Listen('click', {\n capture: true\n })\n handleClick() {\n this.active = !this.active;\n }\n\n @Listen('scroll', {\n target: 'window',\n capture: true\n })\n handleScroll() {\n if (this.active) {\n this.handlePopoverPositioning();\n }\n }\n\n private handlePopoverPositioning() {\n const triggerEl = this.el.shadowRoot.querySelector('.pds-popover__trigger') as HTMLElement;\n const popoverEl = this.el.shadowRoot.querySelector('div[popover]') as HTMLElement;\n\n if (!triggerEl \|\| !popoverEl) return;\n\n const triggerRect = triggerEl.getBoundingClientRect();\n const popoverRect = popoverEl.getBoundingClientRect();\n\n let top = 0;\n let left = 0;\n const offset = 8\n\n switch (this.placement) {\n case 'top':\n top = triggerRect.top - popoverRect.height - offset;\n left = triggerRect.left;\n break;\n case 'right':\n top = triggerRect.top;\n left = triggerRect.right + offset;\n break;\n case 'bottom':\n top = triggerRect.bottom + offset;\n left = triggerRect.left;\n break;\n case 'left':\n top = triggerRect.top;\n left = triggerRect.left - popoverRect.width - offset;\n break;\n }\n\n popoverEl.style.top = `${top}px`;\n popoverEl.style.left = `${left}px`;\n }\n\n render() {\n return (\n <Host>\n <button\n class=\"pds-popover__trigger\"\n popoverTarget={this.componentId}\n popoverTargetAction={this.popoverTargetAction}\n onClick={this.handleClick}\n >\n {this.text}\n </button>\n <div\n class={`pds-popover ${this.active ? 'pds-popover--active' : ''}`}\n id={this.componentId}\n popover={this.popoverType}\n style={{ maxWidth: `${this.maxWidth}px` }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"mFAAA,IAAMA,cAAgB,~~o4BACtB~~,IAAAC,iBAAeD,c,ICOFE,WAAU,W,mDAUH,M,yBAMwC,O,iBAMjB,O,6DAgBb,I,eAMwB,O,CAEpDA,EAAAC,UAAAC,oBAAA,WACEC,KAAKC,0B,EAMPJ,EAAAC,UAAAI,YAAA,WACEF,KAAKG,QAAUH,KAAKG,M,EAOtBN,EAAAC,UAAAM,aAAA,WACE,GAAIJ,KAAKG,OAAQ,CACfH,KAAKC,0B,GAIDJ,EAAAC,UAAAG,yBAAA,WACN,IAAMI,EAAYL,KAAKM,GAAGC,WAAWC,cAAc,yBACnD,IAAMC,EAAYT,KAAKM,GAAGC,WAAWC,cAAc,gBAEnD,IAAKH,IAAcI,EAAW,OAE9B,IAAMC,EAAcL,EAAUM,wBAC9B,IAAMC,EAAcH,EAAUE,wBAE9B,IAAIE,EAAM,EACV,IAAIC,EAAO,EACX,IAAMC,EAAS,EAEf,OAAQf,KAAKgB,WACX,IAAK,MACHH,EAAMH,EAAYG,IAAMD,EAAYK,OAASF,EAC7CD,EAAOJ,EAAYI,KACnB,MACF,IAAK,QACHD,EAAMH,EAAYG,IAClBC,EAAOJ,EAAYQ,MAAQH,EAC3B,MACF,IAAK,SACHF,EAAMH,EAAYS,OAASJ,EAC3BD,EAAOJ,EAAYI,KACnB,MACF,IAAK,OACHD,EAAMH,EAAYG,IAClBC,EAAOJ,EAAYI,KAAOF,EAAYQ,MAAQL,EAC9C,MAGJN,EAAUY,MAAMR,IAAM,GAAAS,OAAGT,EAAG,MAC5BJ,EAAUY,MAAMP,KAAO,GAAAQ,OAAGR,EAAI,K,EAGhCjB,EAAAC,UAAAyB,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,MAAM,uBACNC,cAAe5B,KAAK6B,YACpBC,oBAAqB9B,KAAK8B,oBAC1BC,QAAS/B,KAAKE,aAEbF,KAAKgC,MAERR,EAAA,OAAAE,IAAA,2CACEC,MAAO,eAAAL,OAAetB,KAAKG,OAAS,sBAAwB,IAC5D8B,GAAIjC,KAAK6B,YACTK,QAASlC,KAAKmC,YACdd,MAAO,CAAEe,SAAU,GAAAd,OAAGtB,KAAKoC,SAAQ,QAEnCZ,EAAA,QAAAE,IAAA,8C,gIAxHa,G","ignoreList":[]}
1	+ {"version":3,"names":["pdsPopoverCss","PdsPopoverStyle0","PdsPopover","prototype","componentWillRender","this","handlePopoverPositioning","handleClick","active","handleScroll","triggerEl","el","shadowRoot","querySelector","popoverEl","triggerRect","getBoundingClientRect","popoverRect","top","left","offset","placement","height","right","bottom","width","style","concat","render","h","Host","key","class","popoverTarget","componentId","popoverTargetAction","onClick","text","id","popover","popoverType","maxWidth"],"sources":["src/components/pds-popover/pds-popover.scss?tag=pds-popover&encapsulation=shadow","src/components/pds-popover/pds-popover.tsx"],"sourcesContent":[":host {\n --sizing-max-width-default: 352px;\n\n display: inline-block;\n\n [popover] {\n background-color: var(--pine-color-background-container);\n border: var(--pine-border);\n border-radius: var(--pine-dimension-125);\n box-shadow: var(--pine-box-shadow-200);\n margin: var(--pine-dimension-none);\n max-width: var(--sizing-max-width-default);\n padding: var(--pine-dimension-md);\n position: fixed;\n }\n\n button {\n align-items: center;\n background-color: var(--pine-color-secondary);\n border: var(--pine-border);\n border-radius: var(--pine-border-radius-full);\n color: var(--pine-color-text-secondary);\n display: flex;\n font: var(--pine-typography-body-medium);\n font-family: var(--pine-font-family-heading);\n letter-spacing: var(--pine-letter-spacing);\n min-height: 40px;\n padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n &:hover {\n background-color: var(--pine-color-secondary-hover);\n }\n }\n}\n","import { Component, Element, Host, Listen, h, Prop, State } from '@stencil/core';\nimport { PlacementType } from '@utils/types';\n\n@Component({\n tag: 'pds-popover',\n styleUrl: 'pds-popover.scss',\n shadow: true,\n})\nexport class PdsPopover {\n /*\n Reference to the Host element\n /\n @Element() el: HTMLPdsPopoverElement;\n\n /\n Determines when the popover is active\n * @defaultValue false\n /\n @State() active = false;\n\n /\n Determines the action that triggers the popover. For manual popovers, the consumer is responsible for toggling this value.\n * @defaultValue \"show\"\n /\n @Prop() popoverTargetAction: 'show' \| 'toggle' \| 'hide' = 'show';\n\n /\n Determines the type of popover. Auto popovers can be \"light dismissed\" by clicking outside of the popover.\n * Manual popovers require the consumer to handle the visibility of the popover.\n /\n @Prop() popoverType: 'auto' \| 'manual' = 'auto';\n\n /\n A unique identifier used for the underlying component `id` attribute.\n /\n @Prop() componentId: string;\n\n /\n Text that appears on the trigger element\n /\n @Prop() text: string;\n\n /\n Sets the maximum width of the popover content\n * @defaultValue 352\n /\n @Prop() maxWidth?: number = 352;\n\n /\n Determines the preferred position of the popover\n * @defaultValue \"right\"\n */\n @Prop({ reflect: true }) placement: PlacementType = 'right';\n\n componentWillRender() {\n this.handlePopoverPositioning();\n }\n\n @Listen('click', {\n capture: true\n })\n handleClick() {\n this.active = !this.active;\n }\n\n @Listen('scroll', {\n target: 'window',\n capture: true\n })\n handleScroll() {\n if (this.active) {\n this.handlePopoverPositioning();\n }\n }\n\n private handlePopoverPositioning() {\n const triggerEl = this.el.shadowRoot.querySelector('.pds-popover__trigger') as HTMLElement;\n const popoverEl = this.el.shadowRoot.querySelector('div[popover]') as HTMLElement;\n\n if (!triggerEl \|\| !popoverEl) return;\n\n const triggerRect = triggerEl.getBoundingClientRect();\n const popoverRect = popoverEl.getBoundingClientRect();\n\n let top = 0;\n let left = 0;\n const offset = 8\n\n switch (this.placement) {\n case 'top':\n top = triggerRect.top - popoverRect.height - offset;\n left = triggerRect.left;\n break;\n case 'right':\n top = triggerRect.top;\n left = triggerRect.right + offset;\n break;\n case 'bottom':\n top = triggerRect.bottom + offset;\n left = triggerRect.left;\n break;\n case 'left':\n top = triggerRect.top;\n left = triggerRect.left - popoverRect.width - offset;\n break;\n }\n\n popoverEl.style.top = `${top}px`;\n popoverEl.style.left = `${left}px`;\n }\n\n render() {\n return (\n <Host>\n <button\n class=\"pds-popover__trigger\"\n popoverTarget={this.componentId}\n popoverTargetAction={this.popoverTargetAction}\n onClick={this.handleClick}\n >\n {this.text}\n </button>\n <div\n class={`pds-popover ${this.active ? 'pds-popover--active' : ''}`}\n id={this.componentId}\n popover={this.popoverType}\n style={{ maxWidth: `${this.maxWidth}px` }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"mFAAA,IAAMA,cAAgB,y5BACtB,IAAAC,iBAAeD,c,ICOFE,WAAU,W,mDAUH,M,yBAMwC,O,iBAMjB,O,6DAgBb,I,eAMwB,O,CAEpDA,EAAAC,UAAAC,oBAAA,WACEC,KAAKC,0B,EAMPJ,EAAAC,UAAAI,YAAA,WACEF,KAAKG,QAAUH,KAAKG,M,EAOtBN,EAAAC,UAAAM,aAAA,WACE,GAAIJ,KAAKG,OAAQ,CACfH,KAAKC,0B,GAIDJ,EAAAC,UAAAG,yBAAA,WACN,IAAMI,EAAYL,KAAKM,GAAGC,WAAWC,cAAc,yBACnD,IAAMC,EAAYT,KAAKM,GAAGC,WAAWC,cAAc,gBAEnD,IAAKH,IAAcI,EAAW,OAE9B,IAAMC,EAAcL,EAAUM,wBAC9B,IAAMC,EAAcH,EAAUE,wBAE9B,IAAIE,EAAM,EACV,IAAIC,EAAO,EACX,IAAMC,EAAS,EAEf,OAAQf,KAAKgB,WACX,IAAK,MACHH,EAAMH,EAAYG,IAAMD,EAAYK,OAASF,EAC7CD,EAAOJ,EAAYI,KACnB,MACF,IAAK,QACHD,EAAMH,EAAYG,IAClBC,EAAOJ,EAAYQ,MAAQH,EAC3B,MACF,IAAK,SACHF,EAAMH,EAAYS,OAASJ,EAC3BD,EAAOJ,EAAYI,KACnB,MACF,IAAK,OACHD,EAAMH,EAAYG,IAClBC,EAAOJ,EAAYI,KAAOF,EAAYQ,MAAQL,EAC9C,MAGJN,EAAUY,MAAMR,IAAM,GAAAS,OAAGT,EAAG,MAC5BJ,EAAUY,MAAMP,KAAO,GAAAQ,OAAGR,EAAI,K,EAGhCjB,EAAAC,UAAAyB,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,MAAM,uBACNC,cAAe5B,KAAK6B,YACpBC,oBAAqB9B,KAAK8B,oBAC1BC,QAAS/B,KAAKE,aAEbF,KAAKgC,MAERR,EAAA,OAAAE,IAAA,2CACEC,MAAO,eAAAL,OAAetB,KAAKG,OAAS,sBAAwB,IAC5D8B,GAAIjC,KAAK6B,YACTK,QAASlC,KAAKmC,YACdd,MAAO,CAAEe,SAAU,GAAAd,OAAGtB,KAAKoC,SAAQ,QAEnCZ,EAAA,QAAAE,IAAA,8C,gIAxHa,G","ignoreList":[]}

package/dist/esm-es5/pds-progress.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-b1696fed.js";var pdsProgressCss=":host{--color-progress-fill:var(--pine-color-brand);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}";var PdsProgressStyle0=pdsProgressCss;var PdsProgress=function(){function s(s){registerInstance(this,s);this.animated=false;this.componentId=undefined;this.fillColor=undefined;this.label=undefined;this.percent=0;this.showPercent=false}s.prototype.render=function(){return h(Host,{key:"d1035166aecc2b1719f827e51bcab880f0f6c77c",class:this.animated?{"is-animated":this.animated}:""},h("div",{key:"52385ffd15e98e43ebbbf89397950fcf44d0fa08",class:"pds-progress"},h("label",{key:"56d3b58ed6cb0531a874cd8033770dbe4741f992",class:"pds-progress__label",htmlFor:this.componentId},this.label),h("progress",{key:"c98a6707f1d30f8e4c05dd53c0fc2fbe6a3f6284",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&h("div",{key:"621c6fd0a5fc275358c583513ba463d9c01dee32",class:"pds-progress__percentage"},this.percent,"%"))};return s}();PdsProgress.style=PdsProgressStyle0;export{PdsProgress as pds_progress};
+import{r as registerInstance,h,H as Host}from"./index-b1696fed.js";var pdsProgressCss=":host{--color-progress-fill:var(--pine-color-brand);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}";var PdsProgressStyle0=pdsProgressCss;var PdsProgress=function(){function s(s){registerInstance(this,s);this.animated=false;this.componentId=undefined;this.fillColor=undefined;this.label=undefined;this.percent=0;this.showPercent=false}s.prototype.render=function(){return h(Host,{key:"c90714bd802c1ec10cc1d557b21c4761a348c559",class:this.animated?{"is-animated":this.animated}:""},h("div",{key:"969f33669523f2c67d30aa94652e3b70373b780a",class:"pds-progress"},h("label",{key:"206a7c2297361caae1c5ecadacfd11939d8decee",class:"pds-progress__label",htmlFor:this.componentId},this.label),h("progress",{key:"e7748d02c4070bb894943fe0795a3c7008a43d62",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&h("div",{key:"7ec96692f3dc869069071bae747371ea6ef911ec",class:"pds-progress__percentage"},this.percent,"%"))};return s}();PdsProgress.style=PdsProgressStyle0;export{PdsProgress as pds_progress};
 //# sourceMappingURL=pds-progress.entry.js.map

package/dist/esm-es5/pds-radio.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-b1696fed.js";import{m as messageId,a as assignDescription}from"./form-1b7b69e3.js";import{P as PdsLabel}from"./pds-label-949a17b6.js";import{b as danger}from"./index-d320cfa9.js";var labelCss=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var PdsRadioStyle0=labelCss;var pdsRadioCss='.sc-pds-radio-h{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--pine-border);border-radius:var(--pine-border-radius-full);height:var(--sizing-input-size);margin:0;position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-background-container);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label.sc-pds-radio{-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:26px;margin-inline-start:26px;width:100%}.pds-radio__message--error.sc-pds-radio{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-body-sm);gap:var(--pine-dimension-2xs)}';var PdsRadioStyle1=pdsRadioCss;var PdsRadio=function(){function e(e){var r=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange",7);this.handleRadioChange=function(e){if(r.disabled){return}var i=e.target;var a=i.checked;r.pdsRadioChange.emit(a)};this.checked=false;this.componentId=undefined;this.disabled=false;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=false;this.label=undefined;this.name=undefined;this.required=false;this.value=undefined}e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")};e.prototype.render=function(){return h(Host,{key:"88a4087ad55f95408688765806ea7488d08b8dca",class:this.classNames()},h("input",{key:"3ef7132664771087ce7292b9f00dccfa34023282","aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),h(PdsLabel,{key:"765301f003de7403145042e561c4a35767150699",htmlFor:this.componentId,text:this.label}),this.helperMessage&&h("div",{key:"81f3ee893eaef7473a2dca01b05c5bcfcd176e7b",class:"pds-radio__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"75364c217ee1390e4fde2a532dc3aaca2252ad9a",class:"pds-radio__message pds-radio__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"5d361b597c95624037acd5b47981cb5742bb2280",icon:danger,size:"small"}),this.errorMessage))};return e}();PdsRadio.style=PdsRadioStyle0+PdsRadioStyle1;export{PdsRadio as pds_radio};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-b1696fed.js";import{m as messageId,a as assignDescription}from"./form-1b7b69e3.js";import{b as danger}from"./index-858623fe.js";var labelCss=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var PdsRadioStyle0=labelCss;var pdsRadioCss='.sc-pds-radio-h{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-background-container);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-body-sm);gap:var(--pine-dimension-2xs)}';var PdsRadioStyle1=pdsRadioCss;var PdsRadio=function(){function e(e){var i=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange",7);this.handleRadioChange=function(e){if(i.disabled){return}var r=e.target;var a=r.checked;i.pdsRadioChange.emit(a)};this.checked=false;this.componentId=undefined;this.disabled=false;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=false;this.label=undefined;this.name=undefined;this.required=false;this.value=undefined}e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")};e.prototype.render=function(){return h(Host,{key:"1a4f52f466f516a5803b5a539db579890fd5ec97",class:this.classNames()},h("label",{key:"fbf2fc5d2be220ad70e314c146f57e25536dbb13",htmlFor:this.componentId},h("input",{key:"1016b5d553e30af9c2e7199a05cd75b30e725606","aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),this.label),this.helperMessage&&h("div",{key:"4ac07622503e267abb9e0a808870e75b49329231",class:"pds-radio__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"808d6e1b93ed05b7875e9a5aeb7907a9c73f2410",class:"pds-radio__message pds-radio__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"c7bdadaf26d528c2ebb9e8790c9dd276ddb7d6b3",icon:danger,size:"small"}),this.errorMessage))};return e}();PdsRadio.style=PdsRadioStyle0+PdsRadioStyle1;export{PdsRadio as pds_radio};
 //# sourceMappingURL=pds-radio.entry.js.map