@pine-ds/core 3.16.2 → 3.17.0
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.
- package/components/form.js +2 -0
- package/components/form.js.map +1 -1
- package/components/pds-button2.js +10 -16
- package/components/pds-button2.js.map +1 -1
- package/components/pds-dropdown-menu.js +1 -1
- package/components/pds-dropdown-menu.js.map +1 -1
- package/components/pds-multiselect.js +10 -5
- package/components/pds-multiselect.js.map +1 -1
- package/dist/cjs/{form-hmpgbT1I.js → form-DUqlzovE.js} +4 -2
- package/dist/{esm-es5/form-DwjNklzi.js.map → cjs/form-DUqlzovE.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +10 -16
- package/dist/cjs/pds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +1 -1
- package/dist/cjs/pds-multiselect.cjs.entry.js +10 -6
- package/dist/cjs/pds-multiselect.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/pds-radio.cjs.entry.js +1 -1
- package/dist/cjs/pds-select.cjs.entry.js +1 -1
- package/dist/cjs/pds-switch.cjs.entry.js +1 -1
- package/dist/cjs/pds-textarea.cjs.entry.js +1 -1
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/collection/components/pds-button/pds-button.css +3 -0
- package/dist/collection/components/pds-button/pds-button.js +9 -15
- package/dist/collection/components/pds-button/pds-button.js.map +1 -1
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.css +4 -4
- package/dist/collection/components/pds-multiselect/pds-multiselect.js +29 -5
- package/dist/collection/components/pds-multiselect/pds-multiselect.js.map +1 -1
- package/dist/collection/components/pds-multiselect/stories/pds-multiselect.stories.js +38 -0
- package/dist/collection/utils/form.js +2 -0
- package/dist/collection/utils/form.js.map +1 -1
- package/dist/docs.json +30 -1
- package/dist/esm/{form-DwjNklzi.js → form-CN-lL5QG.js} +4 -2
- package/dist/esm/{form-DwjNklzi.js.map → form-CN-lL5QG.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pds-button.entry.js +10 -16
- package/dist/esm/pds-button.entry.js.map +1 -1
- package/dist/esm/pds-checkbox.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu.entry.js.map +1 -1
- package/dist/esm/pds-input.entry.js +1 -1
- package/dist/esm/pds-multiselect.entry.js +10 -6
- package/dist/esm/pds-multiselect.entry.js.map +1 -1
- package/dist/esm/pds-radio-group.entry.js +1 -1
- package/dist/esm/pds-radio.entry.js +1 -1
- package/dist/esm/pds-select.entry.js +1 -1
- package/dist/esm/pds-switch.entry.js +1 -1
- package/dist/esm/pds-textarea.entry.js +1 -1
- package/dist/esm/pine-core.js +1 -1
- package/dist/esm-es5/form-CN-lL5QG.js +2 -0
- package/dist/{cjs/form-hmpgbT1I.js.map → esm-es5/form-CN-lL5QG.js.map} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/pds-button.entry.js +1 -1
- package/dist/esm-es5/pds-button.entry.js.map +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js.map +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-multiselect.entry.js +1 -1
- package/dist/esm-es5/pds-multiselect.entry.js.map +1 -1
- package/dist/esm-es5/pds-radio-group.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-select.entry.js +1 -1
- package/dist/esm-es5/pds-switch.entry.js +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/pine-core/{p-f03f4602.system.entry.js → p-0b52923b.system.entry.js} +2 -2
- package/dist/pine-core/{p-bfac5114.entry.js → p-15e554ae.entry.js} +2 -2
- package/dist/pine-core/{p-09ff71ad.system.entry.js → p-23111b1c.system.entry.js} +2 -2
- package/dist/pine-core/p-29266dcd.system.entry.js +2 -0
- package/dist/pine-core/{p-8b4f76e4.system.entry.js.map → p-29266dcd.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-0270ebee.system.entry.js → p-2aac4495.system.entry.js} +2 -2
- package/dist/pine-core/{p-7a6f11bd.system.entry.js → p-36e5e9f4.system.entry.js} +2 -2
- package/dist/pine-core/p-36e5e9f4.system.entry.js.map +1 -0
- package/dist/pine-core/{p-9d9a5ca8.system.entry.js → p-3f05d72e.system.entry.js} +2 -2
- package/dist/pine-core/{p-bc4b1749.system.entry.js → p-5abc5d82.system.entry.js} +2 -2
- package/dist/pine-core/p-6877a50d.system.entry.js +2 -0
- package/dist/pine-core/p-6877a50d.system.entry.js.map +1 -0
- package/dist/pine-core/{p-ad8fe96c.entry.js → p-73bce0bf.entry.js} +2 -2
- package/dist/pine-core/{p-8eb29dbd.entry.js → p-78246e05.entry.js} +2 -2
- package/dist/pine-core/{p-d0366fba.entry.js → p-7a11a6c7.entry.js} +2 -2
- package/dist/pine-core/{p-694cfe69.entry.js → p-94c73d98.entry.js} +2 -2
- package/dist/pine-core/p-94c73d98.entry.js.map +1 -0
- package/dist/pine-core/{p-CCKncKbB.system.js.map → p-BJPmPVaF.system.js.map} +1 -1
- package/dist/pine-core/{p-BHavepTY.system.js → p-Bch44a-T.system.js} +2 -2
- package/dist/pine-core/{p-BHavepTY.system.js.map → p-Bch44a-T.system.js.map} +1 -1
- package/dist/pine-core/{p-DXoBK65z.system.js.map → p-BnJypAy2.system.js.map} +1 -1
- package/dist/pine-core/p-CN-lL5QG.js +2 -0
- package/dist/pine-core/{p-DwjNklzi.js.map → p-CN-lL5QG.js.map} +1 -1
- package/dist/pine-core/{p-igLtCO20.system.js.map → p-CQtQQn3_.system.js.map} +1 -1
- package/dist/pine-core/p-CjnIO2Ro.system.js.map +1 -0
- package/dist/pine-core/p-Ct5QAsPN.system.js.map +1 -0
- package/dist/pine-core/{p-DFY2-W9M.system.js.map → p-D4YdQDsG.system.js.map} +1 -1
- package/dist/pine-core/p-DR2CskUb.system.js.map +1 -0
- package/dist/pine-core/p-JAVnELnm.system.js +1 -1
- package/dist/pine-core/{p-BssHFst4.system.js.map → p-N-jt0_Yl.system.js.map} +1 -1
- package/dist/pine-core/{p-1e77124d.system.entry.js → p-b1820970.system.entry.js} +2 -2
- package/dist/pine-core/{p-caff29fb.entry.js → p-b1a7a0b2.entry.js} +2 -2
- package/dist/pine-core/p-b3c66c58.entry.js +2 -0
- package/dist/pine-core/p-b3c66c58.entry.js.map +1 -0
- package/dist/pine-core/{p-9eQIEVii.system.js.map → p-c2oMjk1r.system.js.map} +1 -1
- package/dist/pine-core/{p-bce9f17d.system.entry.js → p-c9965216.system.entry.js} +2 -2
- package/dist/pine-core/{p-5162baee.entry.js → p-ce069162.entry.js} +2 -2
- package/dist/pine-core/p-f5fb71f6.entry.js +2 -0
- package/dist/pine-core/{p-d456c898.entry.js.map → p-f5fb71f6.entry.js.map} +1 -1
- package/dist/pine-core/{p-563b640d.entry.js → p-fbd8ae50.entry.js} +2 -2
- package/dist/pine-core/{p-CJ4Gf3Nx.system.js.map → p-gcCcHox5.system.js.map} +1 -1
- package/dist/pine-core/pds-button.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-dropdown-menu.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-multiselect.entry.esm.js.map +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-button/pds-button.d.ts +0 -1
- package/dist/types/components/pds-multiselect/pds-multiselect.d.ts +4 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/vscode.html-data.json +8 -1
- package/hydrate/index.js +23 -22
- package/hydrate/index.mjs +23 -22
- package/package.json +2 -2
- package/dist/esm-es5/form-DwjNklzi.js +0 -2
- package/dist/pine-core/p-694cfe69.entry.js.map +0 -1
- package/dist/pine-core/p-7a6f11bd.system.entry.js.map +0 -1
- package/dist/pine-core/p-7ecfe996.entry.js +0 -2
- package/dist/pine-core/p-7ecfe996.entry.js.map +0 -1
- package/dist/pine-core/p-8b4f76e4.system.entry.js +0 -2
- package/dist/pine-core/p-BRn0ywk1.system.js.map +0 -1
- package/dist/pine-core/p-C7XKS9nY.system.js.map +0 -1
- package/dist/pine-core/p-DwjNklzi.js +0 -2
- package/dist/pine-core/p-EnxcYko8.system.js.map +0 -1
- package/dist/pine-core/p-b61669b4.system.entry.js +0 -2
- package/dist/pine-core/p-b61669b4.system.entry.js.map +0 -1
- package/dist/pine-core/p-d456c898.entry.js +0 -2
- /package/dist/pine-core/{p-f03f4602.system.entry.js.map → p-0b52923b.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-bfac5114.entry.js.map → p-15e554ae.entry.js.map} +0 -0
- /package/dist/pine-core/{p-09ff71ad.system.entry.js.map → p-23111b1c.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0270ebee.system.entry.js.map → p-2aac4495.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9d9a5ca8.system.entry.js.map → p-3f05d72e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-bc4b1749.system.entry.js.map → p-5abc5d82.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ad8fe96c.entry.js.map → p-73bce0bf.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8eb29dbd.entry.js.map → p-78246e05.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d0366fba.entry.js.map → p-7a11a6c7.entry.js.map} +0 -0
- /package/dist/pine-core/{p-1e77124d.system.entry.js.map → p-b1820970.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-caff29fb.entry.js.map → p-b1a7a0b2.entry.js.map} +0 -0
- /package/dist/pine-core/{p-bce9f17d.system.entry.js.map → p-c9965216.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5162baee.entry.js.map → p-ce069162.entry.js.map} +0 -0
- /package/dist/pine-core/{p-563b640d.entry.js.map → p-fbd8ae50.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,n,t,a){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,d){function o(e){try{s(a.next(e))}catch(e){d(e)}}function l(e){try{s(a["throw"](e))}catch(e){d(e)}}function s(e){e.done?t(e.value):i(e.value).then(o,l)}s((a=a.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},a,i,d,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=l(0),o["throw"]=l(1),o["return"]=l(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(n){return s([e,n])}}function s(l){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,l[0]&&(t=0)),t)try{if(a=1,i&&(d=l[0]&2?i["return"]:l[0]?i["throw"]||((d=i["return"])&&d.call(i),0):i.next)&&!(d=d.call(i,l[1])).done)return d;if(i=0,d)l=[l[0]&2,d.value];switch(l[0]){case 0:case 1:d=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;i=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(d=t.trys,d=d.length>0&&d[d.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!d||l[1]>d[0]&&l[1]<d[3])){t.label=l[1];break}if(l[0]===6&&t.label<d[1]){t.label=d[1];d=l;break}if(d&&t.label<d[2]){t.label=d[2];t.ops.push(l);break}if(d[2])t.ops.pop();t.trys.pop();continue}l=n.call(e,t)}catch(e){l=[6,e];i=0}finally{a=d=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-5D9wXQuJ.system.js"],(function(e,n){"use strict";var t,a,i;return{setters:[function(n){t=n.p;a=n.g;i=n.b;e("setNonce",n.s)}],execute:function(){var e=this;var d=function(){var e=n.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return t(a)};d().then((function(n){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,a()];case 1:e.sent();return[2,i(JSON.parse('[["p-b61669b4.system",[[321,"pds-multiselect",{"componentId":[1,"component-id"],"label":[1],"placeholder":[1],"name":[1],"value":[1040],"disabled":[4],"asyncUrl":[1,"async-url"],"asyncMethod":[1,"async-method"],"debounce":[2],"fetchTimeout":[2,"fetch-timeout"],"maxSelections":[2,"max-selections"],"maxHeight":[1,"max-height"],"triggerWidth":[1,"trigger-width"],"minWidth":[1,"min-width"],"panelWidth":[1,"panel-width"],"hideLabel":[4,"hide-label"],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"required":[4],"loading":[1028],"options":[16],"formatResult":[16],"createUrl":[1,"create-url"],"csrfToken":[1,"csrf-token"],"csrfHeaderName":[1,"csrf-header-name"],"isOpen":[32],"searchQuery":[32],"highlightedIndex":[32],"internalOptions":[32],"selectedItems":[32],"currentPage":[32],"hasMore":[32],"creating":[32],"setFocus":[64]},[[8,"keydown","handleWindowKeyDown"]],{"debounce":["setupDebounce"],"value":["valueChanged"],"options":["optionsChanged"],"internalOptions":["internalOptionsChanged"]}]]],["p-19fef546.system",[[321,"pds-combobox",{"componentId":[1,"component-id"],"name":[513],"customOptionLayouts":[4,"custom-option-layouts"],"customTriggerContent":[4,"custom-trigger-content"],"disabled":[4],"dropdownPlacement":[1,"dropdown-placement"],"dropdownWidth":[1,"dropdown-width"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"mode":[1],"placeholder":[1],"trigger":[1],"triggerWidth":[1,"trigger-width"],"triggerVariant":[1,"trigger-variant"],"chipSentiment":[1,"chip-sentiment"],"chipLarge":[4,"chip-large"],"chipIcon":[1,"chip-icon"],"chipDot":[4,"chip-dot"],"value":[1025],"asyncUrl":[1,"async-url"],"asyncMethod":[1,"async-method"],"debounce":[2],"fetchTimeout":[2,"fetch-timeout"],"loading":[1028],"options":[16],"formatResult":[16],"displayText":[32],"filteredItems":[32],"highlightedIndex":[32],"isOpen":[32],"selectedOption":[32],"selectedOptionLayoutContent":[32],"selectedOptionChipProps":[32],"internalOptions":[32],"currentPage":[32],"hasMore":[32],"setFocus":[64],"getSelectedValue":[64]},null,{"debounce":["setupDebounce"],"options":["optionsChanged"],"value":["handleValueChange"],"selectedOption":["handleSelectedOptionChange"]}]]],["p-35f644cf.system",[[257,"pds-alert",{"componentId":[1,"component-id"],"heading":[1],"small":[4],"dismissible":[4],"variant":[1],"hasActionsContent":[32]}]]],["p-cb8c24ad.system",[[257,"pds-copytext",{"border":[516],"componentId":[1,"component-id"],"fullWidth":[4,"full-width"],"truncate":[4],"value":[1]}]]],["p-fce519e3.system",[[257,"pds-table-head",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"border":[516],"background":[516]}]]],["p-aeb2f6ac.system",[[257,"pds-table-row",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"hasDivider":[32],"isLastRow":[32]}]]],["p-01aec1ad.system",[[257,"pds-dropdown-menu-item",{"componentId":[1,"component-id"],"destructive":[4],"disabled":[516],"href":[1],"external":[516],"target":[513],"hasFocus":[32],"clickItem":[64]}]]],["p-65d0032c.system",[[257,"pds-property",{"componentId":[1,"component-id"],"icon":[1]}]]],["p-13105538.system",[[257,"pds-accordion",{"componentId":[1,"component-id"],"isOpen":[1540,"open"]},null,{"isOpen":["handleOpenState"]}]]],["p-bd18b9bf.system",[[257,"pds-avatar",{"alt":[1],"badge":[4],"componentId":[1,"component-id"],"dropdown":[4],"image":[1],"initials":[1],"size":[513],"variant":[513]}]]],["p-8b4f76e4.system",[[257,"pds-dropdown-menu",{"componentId":[1,"component-id"],"placement":[1],"currentFocusIndex":[32]},[[8,"keydown","handleKeyDown"],[8,"click","handleWindowClick"]]]]],["p-7d7dce2c.system",[[257,"pds-filter",{"componentId":[1,"component-id"],"variant":[1],"icon":[1],"text":[1],"isOpen":[32],"showFilter":[64],"hideFilter":[64]},[[9,"resize","handleWindowResize"],[9,"scroll","handleWindowScroll"],[4,"toggle","handlePopoverToggle"],[4,"click","handleDocumentClick"],[4,"keydown","handleEscapeKey"]]]]],["p-f03f4602.system",[[321,"pds-input",{"autocomplete":[1],"componentId":[1,"component-id"],"debounce":[2],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"max":[1],"maxlength":[1],"min":[1],"minlength":[1],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"step":[1],"type":[1],"value":[1032],"fullWidth":[4,"full-width"],"highlight":[516],"hasPrefix":[32],"hasSuffix":[32],"hasPrepend":[32],"hasAppend":[32],"hasAction":[32],"hasFocus":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["p-09ff71ad.system",[[262,"pds-radio",{"checked":[4],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"hasBorder":[4,"has-border"],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"required":[4],"value":[1],"_hasImage":[32]}]]],["p-bce9f17d.system",[[262,"pds-radio-group",{"componentId":[1,"component-id"],"direction":[1],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"gap":[1],"disabled":[4],"invalid":[4],"groupLabel":[1,"group-label"],"name":[1],"required":[4]},[[0,"change","handleRadioChange"]],{"name":["handlePropsChange"],"disabled":["handlePropsChange"],"invalid":["handlePropsChange"],"required":["handlePropsChange"]}]]],["p-9d9a5ca8.system",[[321,"pds-select",{"autocomplete":[1],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"multiple":[4],"name":[1],"required":[4],"highlight":[516],"value":[1025]},null,{"value":["valueChanged"],"multiple":["multipleChanged"]}]]],["p-b09bde5c.system",[[262,"pds-sortable-item",{"enableActions":[4,"enable-actions"],"componentId":[1,"component-id"],"showHandle":[1028,"show-handle"]}]]],["p-0270ebee.system",[[321,"pds-switch",{"componentId":[1,"component-id"],"checked":[1028],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"name":[1],"required":[4],"value":[1]},null,{"checked":["checkedChanged"]}]]],["p-bc4b1749.system",[[321,"pds-textarea",{"autocomplete":[1],"componentId":[1,"component-id"],"disabled":[4],"debounce":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[1028],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"maxLength":[514,"max-length"],"highlight":[516],"value":[1025],"hasFocus":[32],"hasAction":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"],"maxLength":["maxLengthChanged"]}]]],["p-4e24be57.system",[[257,"pds-toast",{"componentId":[1,"component-id"],"dismissible":[4],"duration":[2],"icon":[1],"type":[1],"isVisible":[32],"isAnimatingOut":[32],"dismiss":[64]},null,{"duration":["handleDurationChange"]}]]],["p-a24c75c2.system",[[260,"mock-pds-modal",{"componentId":[1,"component-id"],"size":[1],"scrollable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"open":[1028],"showModal":[64],"hideModal":[64]}]]],["p-d8d796ad.system",[[257,"pds-divider",{"componentId":[1,"component-id"],"offset":[1],"vertical":[4]}]]],["p-d0504aa8.system",[[257,"pds-dropdown-menu-separator",{"componentId":[1,"component-id"],"disabled":[4]}]]],["p-ba195382.system",[[257,"pds-filters",{"componentId":[1,"component-id"]}]]],["p-599a5903.system",[[257,"pds-image",{"alt":[1],"componentId":[1,"component-id"],"height":[2],"loading":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[2]}]]],["p-226e45be.system",[[260,"pds-modal",{"backdropDismiss":[4,"backdrop-dismiss"],"componentId":[1,"component-id"],"open":[1028],"size":[1],"scrollable":[4],"focusableElementsArray":[32],"showModal":[64],"hideModal":[64]},null,{"open":["handleOpenChange"]}]]],["p-9ba4acdf.system",[[260,"pds-modal-content",{"border":[1537],"contentMaxHeight":[32]}]]],["p-d6139188.system",[[260,"pds-modal-footer"]]],["p-94a9ff2a.system",[[260,"pds-modal-header"]]],["p-b3ee3c4c.system",[[257,"pds-popover",{"popoverTargetAction":[1,"popover-target-action"],"popoverType":[1,"popover-type"],"componentId":[1,"component-id"],"maxWidth":[2,"max-width"],"placement":[513],"active":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["p-3e45826f.system",[[257,"pds-progress",{"animated":[4],"componentId":[1,"component-id"],"fillColor":[1,"fill-color"],"label":[1],"percent":[2],"showPercent":[4,"show-percent"]}]]],["p-72ca815d.system",[[256,"pds-row",{"alignItems":[1,"align-items"],"border":[4],"colGap":[1,"col-gap"],"colGapBlock":[1,"col-gap-block"],"colGapInline":[1,"col-gap-inline"],"componentId":[1,"component-id"],"justifyContent":[1,"justify-content"],"minHeight":[1,"min-height"],"noWrap":[4,"no-wrap"]}]]],["p-7da176b4.system",[[262,"pds-sortable",{"border":[516],"componentId":[1,"component-id"],"dividers":[516],"handleType":[1,"handle-type"]}]]],["p-8b7246ea.system",[[260,"pds-tab",{"disabled":[4],"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"index":[2],"selected":[4]}]]],["p-3c026ec7.system",[[257,"pds-table",{"compact":[4],"componentId":[1,"component-id"],"responsive":[4],"fixedColumn":[4,"fixed-column"],"selectable":[4],"rowDividers":[516,"row-dividers"],"defaultSortColumn":[1,"default-sort-column"],"defaultSortDirection":[1,"default-sort-direction"],"sortingColumn":[32],"sortingDirection":[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]]]]],["p-d62a5444.system",[[257,"pds-table-body"]]],["p-9606f567.system",[[260,"pds-tabpanel",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"selected":[1028]}]]],["p-2883cb69.system",[[257,"pds-tabs",{"tablistLabel":[1,"tablist-label"],"componentId":[1,"component-id"],"variant":[1],"activeTabName":[1025,"active-tab-name"],"activeTabIndex":[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["p-b6ede995.system",[[260,"pds-tooltip",{"content":[1],"componentId":[1,"component-id"],"hasArrow":[4,"has-arrow"],"htmlContent":[4,"html-content"],"placement":[513],"maxWidth":[1,"max-width"],"opened":[1540],"_isInteractiveOpen":[32],"showTooltip":[64],"hideTooltip":[64]},null,{"opened":["handleOpenToggle"]}]]],["p-ec32c44f.system",[[257,"pds-icon",{"color":[1],"flipRtl":[4,"flip-rtl"],"icon":[8],"name":[513],"size":[513],"src":[1],"ariaLabel":[32],"isVisible":[32],"svgContent":[32]},null,{"size":["updateStyles"],"color":["updateStyles"],"name":["onIconPropertyChange"],"src":["onIconPropertyChange"],"icon":["onIconPropertyChange"]}]]],["p-7a6f11bd.system",[[257,"pds-button",{"componentId":[1,"component-id"],"disabled":[4],"fullWidth":[4,"full-width"],"href":[1],"icon":[1],"iconOnly":[4,"icon-only"],"loading":[4],"name":[1],"target":[1],"type":[1],"value":[1],"size":[1],"variant":[1]},[[16,"keydown","handleFormKeyDown"]]]]],["p-f0df10c7.system",[[257,"pds-chip",{"componentId":[1,"component-id"],"dot":[4],"icon":[1],"large":[4],"sentiment":[1],"variant":[1],"removeUrl":[1,"remove-url"],"removeHttpMethod":[1,"remove-http-method"],"removeTarget":[1,"remove-target"]}]]],["p-b46f66e8.system",[[257,"pds-link",{"color":[1],"componentId":[1,"component-id"],"external":[4],"target":[1],"variant":[1],"fontSize":[1,"font-size"],"href":[1]}]]],["p-d2b2caa2.system",[[257,"pds-table-head-cell",{"cellAlign":[1,"cell-align"],"sortable":[4],"sortingDirection":[32],"tableScrolling":[32],"isSelected":[32],"hasHeadBorder":[32],"hasHeadBackground":[32],"isActive":[32],"setActiveSort":[64],"clearActiveSort":[64]}]]],["p-6918b378.system",[[257,"pds-table-cell",{"cellAlign":[1,"cell-align"],"truncate":[4],"tableScrolling":[32]}]]],["p-d83d6fce.system",[[257,"pds-text",{"align":[1],"color":[1],"decoration":[1],"gutter":[1],"italic":[4],"size":[1],"weight":[1],"tag":[1],"truncate":[516]}]]],["p-1e77124d.system",[[321,"pds-checkbox",{"checked":[1028],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"indeterminate":[1028],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"required":[4],"value":[1]},null,{"checked":["updateIndeterminate","checkedChanged"]}]]],["p-e9eb3fc3.system",[[257,"pds-loader",{"isLoading":[4,"is-loading"],"showLabel":[4,"show-label"],"size":[513],"variant":[1]}]]],["p-8c7fdaf5.system",[[256,"pds-box",{"alignItems":[1,"align-items"],"alignItemsXs":[1,"align-items-xs"],"alignItemsSm":[1,"align-items-sm"],"alignItemsMd":[1,"align-items-md"],"alignItemsLg":[1,"align-items-lg"],"alignItemsXl":[1,"align-items-xl"],"alignSelf":[1,"align-self"],"alignSelfXs":[1,"align-self-xs"],"alignSelfSm":[1,"align-self-sm"],"alignSelfMd":[1,"align-self-md"],"alignSelfLg":[1,"align-self-lg"],"alignSelfXl":[1,"align-self-xl"],"auto":[4],"autoXs":[4,"auto-xs"],"autoSm":[4,"auto-sm"],"autoMd":[4,"auto-md"],"autoLg":[4,"auto-lg"],"autoXl":[4,"auto-xl"],"backgroundColor":[1,"background-color"],"border":[4],"borderColor":[1,"border-color"],"borderRadius":[1,"border-radius"],"direction":[1],"display":[1],"fit":[4],"fitXs":[4,"fit-xs"],"fitSm":[4,"fit-sm"],"fitMd":[4,"fit-md"],"fitLg":[4,"fit-lg"],"fitXl":[4,"fit-xl"],"gap":[1],"gapXs":[1,"gap-xs"],"gapSm":[1,"gap-sm"],"gapMd":[1,"gap-md"],"gapLg":[1,"gap-lg"],"gapXl":[1,"gap-xl"],"wrap":[4],"wrapXs":[4,"wrap-xs"],"wrapSm":[4,"wrap-sm"],"wrapMd":[4,"wrap-md"],"wrapLg":[4,"wrap-lg"],"wrapXl":[4,"wrap-xl"],"flex":[1],"justifyContent":[1,"justify-content"],"justifyContentXs":[1,"justify-content-xs"],"justifyContentSm":[1,"justify-content-sm"],"justifyContentMd":[1,"justify-content-md"],"justifyContentLg":[1,"justify-content-lg"],"justifyContentXl":[1,"justify-content-xl"],"marginBlockStart":[1,"margin-block-start"],"marginBlockStartXs":[1,"margin-block-start-xs"],"marginBlockStartSm":[1,"margin-block-start-sm"],"marginBlockStartMd":[1,"margin-block-start-md"],"marginBlockStartLg":[1,"margin-block-start-lg"],"marginBlockStartXl":[1,"margin-block-start-xl"],"marginInlineStart":[1,"margin-inline-start"],"marginInlineStartXs":[1,"margin-inline-start-xs"],"marginInlineStartSm":[1,"margin-inline-start-sm"],"marginInlineStartMd":[1,"margin-inline-start-md"],"marginInlineStartLg":[1,"margin-inline-start-lg"],"marginInlineStartXl":[1,"margin-inline-start-xl"],"marginInlineEnd":[1,"margin-inline-end"],"marginInlineEndXs":[1,"margin-inline-end-xs"],"marginInlineEndSm":[1,"margin-inline-end-sm"],"marginInlineEndMd":[1,"margin-inline-end-md"],"marginInlineEndLg":[1,"margin-inline-end-lg"],"marginInlineEndXl":[1,"margin-inline-end-xl"],"marginBlockEnd":[1,"margin-block-end"],"marginBlockEndXs":[1,"margin-block-end-xs"],"marginBlockEndSm":[1,"margin-block-end-sm"],"marginBlockEndMd":[1,"margin-block-end-md"],"marginBlockEndLg":[1,"margin-block-end-lg"],"marginBlockEndXl":[1,"margin-block-end-xl"],"minHeight":[513,"min-height"],"minWidth":[513,"min-width"],"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"padding":[1],"paddingXs":[1,"padding-xs"],"paddingSm":[1,"padding-sm"],"paddingMd":[1,"padding-md"],"paddingLg":[1,"padding-lg"],"paddingXl":[1,"padding-xl"],"paddingBlockStart":[1,"padding-block-start"],"paddingBlockStartXs":[1,"padding-block-start-xs"],"paddingBlockStartSm":[1,"padding-block-start-sm"],"paddingBlockStartMd":[1,"padding-block-start-md"],"paddingBlockStartLg":[1,"padding-block-start-lg"],"paddingBlockStartXl":[1,"padding-block-start-xl"],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockEndXs":[1,"padding-block-end-xs"],"paddingBlockEndSm":[1,"padding-block-end-sm"],"paddingBlockEndMd":[1,"padding-block-end-md"],"paddingBlockEndLg":[1,"padding-block-end-lg"],"paddingBlockEndXl":[1,"padding-block-end-xl"],"paddingInlineStart":[1,"padding-inline-start"],"paddingInlineStartXs":[1,"padding-inline-start-xs"],"paddingInlineStartSm":[1,"padding-inline-start-sm"],"paddingInlineStartMd":[1,"padding-inline-start-md"],"paddingInlineStartLg":[1,"padding-inline-start-lg"],"paddingInlineStartXl":[1,"padding-inline-start-xl"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineEndXs":[1,"padding-inline-end-xs"],"paddingInlineEndSm":[1,"padding-inline-end-sm"],"paddingInlineEndMd":[1,"padding-inline-end-md"],"paddingInlineEndLg":[1,"padding-inline-end-lg"],"paddingInlineEndXl":[1,"padding-inline-end-xl"],"shadow":[1],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]]]'),n)]}}))}))}))}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,n,t,a){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,d){function o(e){try{s(a.next(e))}catch(e){d(e)}}function l(e){try{s(a["throw"](e))}catch(e){d(e)}}function s(e){e.done?t(e.value):i(e.value).then(o,l)}s((a=a.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},a,i,d,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=l(0),o["throw"]=l(1),o["return"]=l(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(n){return s([e,n])}}function s(l){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,l[0]&&(t=0)),t)try{if(a=1,i&&(d=l[0]&2?i["return"]:l[0]?i["throw"]||((d=i["return"])&&d.call(i),0):i.next)&&!(d=d.call(i,l[1])).done)return d;if(i=0,d)l=[l[0]&2,d.value];switch(l[0]){case 0:case 1:d=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;i=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(d=t.trys,d=d.length>0&&d[d.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!d||l[1]>d[0]&&l[1]<d[3])){t.label=l[1];break}if(l[0]===6&&t.label<d[1]){t.label=d[1];d=l;break}if(d&&t.label<d[2]){t.label=d[2];t.ops.push(l);break}if(d[2])t.ops.pop();t.trys.pop();continue}l=n.call(e,t)}catch(e){l=[6,e];i=0}finally{a=d=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-5D9wXQuJ.system.js"],(function(e,n){"use strict";var t,a,i;return{setters:[function(n){t=n.p;a=n.g;i=n.b;e("setNonce",n.s)}],execute:function(){var e=this;var d=function(){var e=n.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return t(a)};d().then((function(n){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,a()];case 1:e.sent();return[2,i(JSON.parse('[["p-6877a50d.system",[[321,"pds-multiselect",{"componentId":[1,"component-id"],"label":[1],"placeholder":[1],"name":[1],"value":[1040],"disabled":[4],"asyncUrl":[1,"async-url"],"asyncMethod":[1,"async-method"],"debounce":[2],"fetchTimeout":[2,"fetch-timeout"],"maxSelections":[2,"max-selections"],"maxHeight":[1,"max-height"],"triggerWidth":[1,"trigger-width"],"minWidth":[1,"min-width"],"panelWidth":[1,"panel-width"],"hideLabel":[4,"hide-label"],"hideSelectedItems":[4,"hide-selected-items"],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"required":[4],"loading":[1028],"options":[16],"formatResult":[16],"createUrl":[1,"create-url"],"csrfToken":[1,"csrf-token"],"csrfHeaderName":[1,"csrf-header-name"],"isOpen":[32],"searchQuery":[32],"highlightedIndex":[32],"internalOptions":[32],"selectedItems":[32],"currentPage":[32],"hasMore":[32],"creating":[32],"setFocus":[64]},[[8,"keydown","handleWindowKeyDown"]],{"debounce":["setupDebounce"],"value":["valueChanged"],"options":["optionsChanged"],"internalOptions":["internalOptionsChanged"]}]]],["p-19fef546.system",[[321,"pds-combobox",{"componentId":[1,"component-id"],"name":[513],"customOptionLayouts":[4,"custom-option-layouts"],"customTriggerContent":[4,"custom-trigger-content"],"disabled":[4],"dropdownPlacement":[1,"dropdown-placement"],"dropdownWidth":[1,"dropdown-width"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"mode":[1],"placeholder":[1],"trigger":[1],"triggerWidth":[1,"trigger-width"],"triggerVariant":[1,"trigger-variant"],"chipSentiment":[1,"chip-sentiment"],"chipLarge":[4,"chip-large"],"chipIcon":[1,"chip-icon"],"chipDot":[4,"chip-dot"],"value":[1025],"asyncUrl":[1,"async-url"],"asyncMethod":[1,"async-method"],"debounce":[2],"fetchTimeout":[2,"fetch-timeout"],"loading":[1028],"options":[16],"formatResult":[16],"displayText":[32],"filteredItems":[32],"highlightedIndex":[32],"isOpen":[32],"selectedOption":[32],"selectedOptionLayoutContent":[32],"selectedOptionChipProps":[32],"internalOptions":[32],"currentPage":[32],"hasMore":[32],"setFocus":[64],"getSelectedValue":[64]},null,{"debounce":["setupDebounce"],"options":["optionsChanged"],"value":["handleValueChange"],"selectedOption":["handleSelectedOptionChange"]}]]],["p-35f644cf.system",[[257,"pds-alert",{"componentId":[1,"component-id"],"heading":[1],"small":[4],"dismissible":[4],"variant":[1],"hasActionsContent":[32]}]]],["p-cb8c24ad.system",[[257,"pds-copytext",{"border":[516],"componentId":[1,"component-id"],"fullWidth":[4,"full-width"],"truncate":[4],"value":[1]}]]],["p-fce519e3.system",[[257,"pds-table-head",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"border":[516],"background":[516]}]]],["p-aeb2f6ac.system",[[257,"pds-table-row",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"hasDivider":[32],"isLastRow":[32]}]]],["p-01aec1ad.system",[[257,"pds-dropdown-menu-item",{"componentId":[1,"component-id"],"destructive":[4],"disabled":[516],"href":[1],"external":[516],"target":[513],"hasFocus":[32],"clickItem":[64]}]]],["p-65d0032c.system",[[257,"pds-property",{"componentId":[1,"component-id"],"icon":[1]}]]],["p-13105538.system",[[257,"pds-accordion",{"componentId":[1,"component-id"],"isOpen":[1540,"open"]},null,{"isOpen":["handleOpenState"]}]]],["p-bd18b9bf.system",[[257,"pds-avatar",{"alt":[1],"badge":[4],"componentId":[1,"component-id"],"dropdown":[4],"image":[1],"initials":[1],"size":[513],"variant":[513]}]]],["p-29266dcd.system",[[257,"pds-dropdown-menu",{"componentId":[1,"component-id"],"placement":[1],"currentFocusIndex":[32]},[[8,"keydown","handleKeyDown"],[8,"click","handleWindowClick"]]]]],["p-7d7dce2c.system",[[257,"pds-filter",{"componentId":[1,"component-id"],"variant":[1],"icon":[1],"text":[1],"isOpen":[32],"showFilter":[64],"hideFilter":[64]},[[9,"resize","handleWindowResize"],[9,"scroll","handleWindowScroll"],[4,"toggle","handlePopoverToggle"],[4,"click","handleDocumentClick"],[4,"keydown","handleEscapeKey"]]]]],["p-0b52923b.system",[[321,"pds-input",{"autocomplete":[1],"componentId":[1,"component-id"],"debounce":[2],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"max":[1],"maxlength":[1],"min":[1],"minlength":[1],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"step":[1],"type":[1],"value":[1032],"fullWidth":[4,"full-width"],"highlight":[516],"hasPrefix":[32],"hasSuffix":[32],"hasPrepend":[32],"hasAppend":[32],"hasAction":[32],"hasFocus":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["p-23111b1c.system",[[262,"pds-radio",{"checked":[4],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"hasBorder":[4,"has-border"],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"required":[4],"value":[1],"_hasImage":[32]}]]],["p-c9965216.system",[[262,"pds-radio-group",{"componentId":[1,"component-id"],"direction":[1],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"gap":[1],"disabled":[4],"invalid":[4],"groupLabel":[1,"group-label"],"name":[1],"required":[4]},[[0,"change","handleRadioChange"]],{"name":["handlePropsChange"],"disabled":["handlePropsChange"],"invalid":["handlePropsChange"],"required":["handlePropsChange"]}]]],["p-3f05d72e.system",[[321,"pds-select",{"autocomplete":[1],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"multiple":[4],"name":[1],"required":[4],"highlight":[516],"value":[1025]},null,{"value":["valueChanged"],"multiple":["multipleChanged"]}]]],["p-b09bde5c.system",[[262,"pds-sortable-item",{"enableActions":[4,"enable-actions"],"componentId":[1,"component-id"],"showHandle":[1028,"show-handle"]}]]],["p-2aac4495.system",[[321,"pds-switch",{"componentId":[1,"component-id"],"checked":[1028],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"name":[1],"required":[4],"value":[1]},null,{"checked":["checkedChanged"]}]]],["p-5abc5d82.system",[[321,"pds-textarea",{"autocomplete":[1],"componentId":[1,"component-id"],"disabled":[4],"debounce":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[1028],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"maxLength":[514,"max-length"],"highlight":[516],"value":[1025],"hasFocus":[32],"hasAction":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"],"maxLength":["maxLengthChanged"]}]]],["p-4e24be57.system",[[257,"pds-toast",{"componentId":[1,"component-id"],"dismissible":[4],"duration":[2],"icon":[1],"type":[1],"isVisible":[32],"isAnimatingOut":[32],"dismiss":[64]},null,{"duration":["handleDurationChange"]}]]],["p-a24c75c2.system",[[260,"mock-pds-modal",{"componentId":[1,"component-id"],"size":[1],"scrollable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"open":[1028],"showModal":[64],"hideModal":[64]}]]],["p-d8d796ad.system",[[257,"pds-divider",{"componentId":[1,"component-id"],"offset":[1],"vertical":[4]}]]],["p-d0504aa8.system",[[257,"pds-dropdown-menu-separator",{"componentId":[1,"component-id"],"disabled":[4]}]]],["p-ba195382.system",[[257,"pds-filters",{"componentId":[1,"component-id"]}]]],["p-599a5903.system",[[257,"pds-image",{"alt":[1],"componentId":[1,"component-id"],"height":[2],"loading":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[2]}]]],["p-226e45be.system",[[260,"pds-modal",{"backdropDismiss":[4,"backdrop-dismiss"],"componentId":[1,"component-id"],"open":[1028],"size":[1],"scrollable":[4],"focusableElementsArray":[32],"showModal":[64],"hideModal":[64]},null,{"open":["handleOpenChange"]}]]],["p-9ba4acdf.system",[[260,"pds-modal-content",{"border":[1537],"contentMaxHeight":[32]}]]],["p-d6139188.system",[[260,"pds-modal-footer"]]],["p-94a9ff2a.system",[[260,"pds-modal-header"]]],["p-b3ee3c4c.system",[[257,"pds-popover",{"popoverTargetAction":[1,"popover-target-action"],"popoverType":[1,"popover-type"],"componentId":[1,"component-id"],"maxWidth":[2,"max-width"],"placement":[513],"active":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["p-3e45826f.system",[[257,"pds-progress",{"animated":[4],"componentId":[1,"component-id"],"fillColor":[1,"fill-color"],"label":[1],"percent":[2],"showPercent":[4,"show-percent"]}]]],["p-72ca815d.system",[[256,"pds-row",{"alignItems":[1,"align-items"],"border":[4],"colGap":[1,"col-gap"],"colGapBlock":[1,"col-gap-block"],"colGapInline":[1,"col-gap-inline"],"componentId":[1,"component-id"],"justifyContent":[1,"justify-content"],"minHeight":[1,"min-height"],"noWrap":[4,"no-wrap"]}]]],["p-7da176b4.system",[[262,"pds-sortable",{"border":[516],"componentId":[1,"component-id"],"dividers":[516],"handleType":[1,"handle-type"]}]]],["p-8b7246ea.system",[[260,"pds-tab",{"disabled":[4],"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"index":[2],"selected":[4]}]]],["p-3c026ec7.system",[[257,"pds-table",{"compact":[4],"componentId":[1,"component-id"],"responsive":[4],"fixedColumn":[4,"fixed-column"],"selectable":[4],"rowDividers":[516,"row-dividers"],"defaultSortColumn":[1,"default-sort-column"],"defaultSortDirection":[1,"default-sort-direction"],"sortingColumn":[32],"sortingDirection":[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]]]]],["p-d62a5444.system",[[257,"pds-table-body"]]],["p-9606f567.system",[[260,"pds-tabpanel",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"selected":[1028]}]]],["p-2883cb69.system",[[257,"pds-tabs",{"tablistLabel":[1,"tablist-label"],"componentId":[1,"component-id"],"variant":[1],"activeTabName":[1025,"active-tab-name"],"activeTabIndex":[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["p-b6ede995.system",[[260,"pds-tooltip",{"content":[1],"componentId":[1,"component-id"],"hasArrow":[4,"has-arrow"],"htmlContent":[4,"html-content"],"placement":[513],"maxWidth":[1,"max-width"],"opened":[1540],"_isInteractiveOpen":[32],"showTooltip":[64],"hideTooltip":[64]},null,{"opened":["handleOpenToggle"]}]]],["p-ec32c44f.system",[[257,"pds-icon",{"color":[1],"flipRtl":[4,"flip-rtl"],"icon":[8],"name":[513],"size":[513],"src":[1],"ariaLabel":[32],"isVisible":[32],"svgContent":[32]},null,{"size":["updateStyles"],"color":["updateStyles"],"name":["onIconPropertyChange"],"src":["onIconPropertyChange"],"icon":["onIconPropertyChange"]}]]],["p-36e5e9f4.system",[[257,"pds-button",{"componentId":[1,"component-id"],"disabled":[4],"fullWidth":[4,"full-width"],"href":[1],"icon":[1],"iconOnly":[4,"icon-only"],"loading":[4],"name":[1],"target":[1],"type":[1],"value":[1],"size":[1],"variant":[1]},[[16,"keydown","handleFormKeyDown"]]]]],["p-f0df10c7.system",[[257,"pds-chip",{"componentId":[1,"component-id"],"dot":[4],"icon":[1],"large":[4],"sentiment":[1],"variant":[1],"removeUrl":[1,"remove-url"],"removeHttpMethod":[1,"remove-http-method"],"removeTarget":[1,"remove-target"]}]]],["p-b46f66e8.system",[[257,"pds-link",{"color":[1],"componentId":[1,"component-id"],"external":[4],"target":[1],"variant":[1],"fontSize":[1,"font-size"],"href":[1]}]]],["p-d2b2caa2.system",[[257,"pds-table-head-cell",{"cellAlign":[1,"cell-align"],"sortable":[4],"sortingDirection":[32],"tableScrolling":[32],"isSelected":[32],"hasHeadBorder":[32],"hasHeadBackground":[32],"isActive":[32],"setActiveSort":[64],"clearActiveSort":[64]}]]],["p-6918b378.system",[[257,"pds-table-cell",{"cellAlign":[1,"cell-align"],"truncate":[4],"tableScrolling":[32]}]]],["p-d83d6fce.system",[[257,"pds-text",{"align":[1],"color":[1],"decoration":[1],"gutter":[1],"italic":[4],"size":[1],"weight":[1],"tag":[1],"truncate":[516]}]]],["p-b1820970.system",[[321,"pds-checkbox",{"checked":[1028],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"indeterminate":[1028],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"required":[4],"value":[1]},null,{"checked":["updateIndeterminate","checkedChanged"]}]]],["p-e9eb3fc3.system",[[257,"pds-loader",{"isLoading":[4,"is-loading"],"showLabel":[4,"show-label"],"size":[513],"variant":[1]}]]],["p-8c7fdaf5.system",[[256,"pds-box",{"alignItems":[1,"align-items"],"alignItemsXs":[1,"align-items-xs"],"alignItemsSm":[1,"align-items-sm"],"alignItemsMd":[1,"align-items-md"],"alignItemsLg":[1,"align-items-lg"],"alignItemsXl":[1,"align-items-xl"],"alignSelf":[1,"align-self"],"alignSelfXs":[1,"align-self-xs"],"alignSelfSm":[1,"align-self-sm"],"alignSelfMd":[1,"align-self-md"],"alignSelfLg":[1,"align-self-lg"],"alignSelfXl":[1,"align-self-xl"],"auto":[4],"autoXs":[4,"auto-xs"],"autoSm":[4,"auto-sm"],"autoMd":[4,"auto-md"],"autoLg":[4,"auto-lg"],"autoXl":[4,"auto-xl"],"backgroundColor":[1,"background-color"],"border":[4],"borderColor":[1,"border-color"],"borderRadius":[1,"border-radius"],"direction":[1],"display":[1],"fit":[4],"fitXs":[4,"fit-xs"],"fitSm":[4,"fit-sm"],"fitMd":[4,"fit-md"],"fitLg":[4,"fit-lg"],"fitXl":[4,"fit-xl"],"gap":[1],"gapXs":[1,"gap-xs"],"gapSm":[1,"gap-sm"],"gapMd":[1,"gap-md"],"gapLg":[1,"gap-lg"],"gapXl":[1,"gap-xl"],"wrap":[4],"wrapXs":[4,"wrap-xs"],"wrapSm":[4,"wrap-sm"],"wrapMd":[4,"wrap-md"],"wrapLg":[4,"wrap-lg"],"wrapXl":[4,"wrap-xl"],"flex":[1],"justifyContent":[1,"justify-content"],"justifyContentXs":[1,"justify-content-xs"],"justifyContentSm":[1,"justify-content-sm"],"justifyContentMd":[1,"justify-content-md"],"justifyContentLg":[1,"justify-content-lg"],"justifyContentXl":[1,"justify-content-xl"],"marginBlockStart":[1,"margin-block-start"],"marginBlockStartXs":[1,"margin-block-start-xs"],"marginBlockStartSm":[1,"margin-block-start-sm"],"marginBlockStartMd":[1,"margin-block-start-md"],"marginBlockStartLg":[1,"margin-block-start-lg"],"marginBlockStartXl":[1,"margin-block-start-xl"],"marginInlineStart":[1,"margin-inline-start"],"marginInlineStartXs":[1,"margin-inline-start-xs"],"marginInlineStartSm":[1,"margin-inline-start-sm"],"marginInlineStartMd":[1,"margin-inline-start-md"],"marginInlineStartLg":[1,"margin-inline-start-lg"],"marginInlineStartXl":[1,"margin-inline-start-xl"],"marginInlineEnd":[1,"margin-inline-end"],"marginInlineEndXs":[1,"margin-inline-end-xs"],"marginInlineEndSm":[1,"margin-inline-end-sm"],"marginInlineEndMd":[1,"margin-inline-end-md"],"marginInlineEndLg":[1,"margin-inline-end-lg"],"marginInlineEndXl":[1,"margin-inline-end-xl"],"marginBlockEnd":[1,"margin-block-end"],"marginBlockEndXs":[1,"margin-block-end-xs"],"marginBlockEndSm":[1,"margin-block-end-sm"],"marginBlockEndMd":[1,"margin-block-end-md"],"marginBlockEndLg":[1,"margin-block-end-lg"],"marginBlockEndXl":[1,"margin-block-end-xl"],"minHeight":[513,"min-height"],"minWidth":[513,"min-width"],"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"padding":[1],"paddingXs":[1,"padding-xs"],"paddingSm":[1,"padding-sm"],"paddingMd":[1,"padding-md"],"paddingLg":[1,"padding-lg"],"paddingXl":[1,"padding-xl"],"paddingBlockStart":[1,"padding-block-start"],"paddingBlockStartXs":[1,"padding-block-start-xs"],"paddingBlockStartSm":[1,"padding-block-start-sm"],"paddingBlockStartMd":[1,"padding-block-start-md"],"paddingBlockStartLg":[1,"padding-block-start-lg"],"paddingBlockStartXl":[1,"padding-block-start-xl"],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockEndXs":[1,"padding-block-end-xs"],"paddingBlockEndSm":[1,"padding-block-end-sm"],"paddingBlockEndMd":[1,"padding-block-end-md"],"paddingBlockEndLg":[1,"padding-block-end-lg"],"paddingBlockEndXl":[1,"padding-block-end-xl"],"paddingInlineStart":[1,"padding-inline-start"],"paddingInlineStartXs":[1,"padding-inline-start-xs"],"paddingInlineStartSm":[1,"padding-inline-start-sm"],"paddingInlineStartMd":[1,"padding-inline-start-md"],"paddingInlineStartLg":[1,"padding-inline-start-lg"],"paddingInlineStartXl":[1,"padding-inline-start-xl"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineEndXs":[1,"padding-inline-end-xs"],"paddingInlineEndSm":[1,"padding-inline-end-sm"],"paddingInlineEndMd":[1,"padding-inline-end-md"],"paddingInlineEndLg":[1,"padding-inline-end-lg"],"paddingInlineEndXl":[1,"padding-inline-end-xl"],"shadow":[1],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]]]'),n)]}}))}))}))}}}));
|
|
2
2
|
//# sourceMappingURL=p-JAVnELnm.system.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-BssHFst4.system.js","sources":["src/global/styles/utils/label.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":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 --sizing-check-size: 6px;\n --sizing-input-size: var(--pine-dimension-sm);\n --sizing-margin-block-start: 6px;\n\n align-items: center;\n display: flex;\n flex-flow: row wrap;\n position: relative;\n}\n\n:host(.is-invalid) {\n // Invalid state only affects error message styling, not the radio itself\n // This allows radio-group to handle error display without red radios\n .pds-radio__message--error {\n color: var(--pine-color-text-message-danger);\n }\n}\n\n:host(.has-border) {\n align-items: flex-start;\n border: var(--pine-border);\n border-radius: var(--pine-dimension-125);\n column-gap: var(--pine-dimension-xs);\n display: flex;\n flex: 1;\n flex-direction: column;\n padding: var(--pine-dimension-md);\n\n // On small screens, ensure full width when in a row layout\n @media (max-width: 767px) {\n box-sizing: border-box;\n flex: 1 1 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n &:hover {\n border: var(--pine-border-hover);\n }\n\n &:has(input:checked) {\n box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n }\n\n label {\n color: var(--pine-color-text);\n font-weight: var(--pine-font-weight-semi-bold);\n\n &::after {\n content: \"\";\n cursor: pointer;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1;\n }\n }\n\n // Disabled state for bordered radios\n &:has(input:disabled) {\n background: var(--pine-color-background-container-disabled);\n border-color: var(--pine-color-border-disabled);\n cursor: not-allowed;\n\n label {\n color: var(--pine-color-text-label-disabled);\n cursor: not-allowed;\n }\n }\n\n // Invalid state for bordered radios - no red styling, only error message\n &.is-invalid {\n .pds-radio__message--error {\n color: var(--pine-color-text-message-danger);\n }\n }\n}\n\ninput {\n appearance: none;\n background: var(--pine-color-background-container);\n border: var(--pine-border);\n border-radius: var(--pine-border-radius-full);\n flex: none;\n height: var(--sizing-input-size);\n margin: 0;\n margin-block-start: var(--pine-dimension-025);\n position: relative;\n width: var(--sizing-input-size);\n\n /* stylelint-disable-next-line selector-no-qualifying-type */\n &.visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: polygon(0 0, 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 &:hover {\n background: var(--pine-color-background-container-hover);\n border: var(--pine-border-hover);\n }\n\n &:checked {\n background: var(--pine-color-accent);\n border-color: var(--pine-color-accent);\n\n &:hover {\n background: var(--pine-color-accent-hover);\n border-color: var(--pine-color-accent-hover);\n }\n\n &::after {\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n background: var(--pine-color-white);\n border-radius: var(--pine-border-radius-full);\n content: \"\";\n display: block;\n height: var(--sizing-check-size);\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: var(--sizing-check-size);\n }\n }\n\n &:disabled {\n background: var(--pine-color-background-container-disabled);\n border-color: var(--pine-color-border-disabled);\n cursor: not-allowed;\n\n &:checked {\n background-color: var(--pine-color-accent-disabled);\n border-color: var(--pine-color-border-disabled);\n\n &::after {\n border-color: var(--pine-color-border-disabled);\n }\n }\n\n\n }\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n }\n\n}\n\nlabel {\n display: flex;\n gap: var(--pine-dimension-xs);\n}\n\n// Disabled label styling\nlabel:has(input:disabled) {\n color: var(--pine-color-text-label-disabled);\n cursor: not-allowed;\n}\n\n// Disabled message styling\n:host:has(input:disabled) .pds-radio__message {\n color: var(--pine-color-text-label-disabled);\n}\n\n.visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: polygon(0 0, 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.pds-radio__message {\n color: var(--pine-color-text-message);\n flex-basis: 100%; // Ensure message wraps to new line in flex container\n font: var(--pine-typography-body);\n margin-inline-start: var(--pine-dimension-md);\n width: 100%;\n}\n\n.pds-radio__message--error {\n display: flex;\n gap: var(--pine-dimension-2xs);\n\n pds-icon {\n margin-block-start: var(--pine-dimension-025);\n }\n}\n\n// Image-based radio styles - matches bordered layout\n:host(.has-image) {\n align-items: center;\n border: var(--pine-border);\n border-radius: var(--pine-dimension-125);\n column-gap: var(--pine-dimension-xs);\n display: flex;\n flex: 1;\n padding: var(--pine-dimension-md);\n\n // On small screens, ensure full width when in a row layout\n @media (max-width: 767px) {\n box-sizing: border-box;\n flex: 1 1 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n &:hover {\n border: var(--pine-border-hover);\n }\n\n &:has(input:checked) {\n box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n }\n\n label {\n color: var(--pine-color-text);\n display: flex;\n font-weight: var(--pine-font-weight-semi-bold);\n gap: var(--pine-dimension-xs);\n\n &::after {\n content: \"\";\n cursor: pointer;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1;\n }\n }\n\n .pds-radio__image-container {\n align-items: center;\n align-self: center;\n border: var(--pine-border);\n border-radius: var(--pine-border-radius-full);\n cursor: pointer;\n display: flex;\n flex: none;\n grid-area: image;\n justify-content: center;\n overflow: hidden;\n position: relative;\n transition: all 0.2s ease;\n\n &:hover {\n border-color: var(--pine-color-border-hover);\n }\n\n .pds-radio__image {\n height: 100%;\n object-fit: cover;\n width: 100%;\n }\n }\n\n .pds-radio__message {\n grid-area: message;\n margin-block-start: 0;\n margin-inline-start: 0;\n }\n\n // Disabled state\n &.is-disabled {\n background: var(--pine-color-background-container-disabled);\n border-color: var(--pine-color-border-disabled);\n cursor: not-allowed;\n\n .pds-radio__image-container {\n border-color: var(--pine-color-border-disabled);\n cursor: not-allowed;\n opacity: 0.5;\n\n &:hover {\n border-color: var(--pine-color-border-disabled);\n }\n }\n\n label {\n color: var(--pine-color-text-label-disabled);\n cursor: not-allowed;\n }\n\n .pds-radio__message {\n color: var(--pine-color-text-label-disabled);\n }\n }\n\n // Invalid state - no red styling, only error message\n &.is-invalid {\n .pds-radio__message--error {\n color: var(--pine-color-text-message-danger);\n }\n }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot image - Custom image content to display instead of the default radio input\n * @part image-container - The container for the image\n */\n@Component({\n tag: 'pds-radio',\n styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n scoped: true,\n})\nexport class PdsRadio {\n private readonly _type = 'radio' as const;\n\n @Element() el: HTMLPdsRadioElement;\n\n @State() private _hasImage = false;\n\n /**\n * Determines whether or not the radio is checked.\n * @defaultValue false\n */\n @Prop() checked = false;\n\n /**\n * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n */\n @Prop() componentId!: string;\n\n /**\n * Determines whether or not the radio is disabled.\n * @defaultValue false\n */\n @Prop() disabled = false;\n\n /**\n * Displays error message text describing an invalid state.\n */\n @Prop() errorMessage: string;\n\n /**\n * Displays helper message text below radio.\n */\n @Prop() helperMessage: string;\n\n /**\n * Adds a border around the radio component for better visual separation.\n * @defaultValue false\n */\n @Prop() hasBorder = false;\n\n /**\n * Determines whether or not the radio is invalid.\n * @defaultValue false\n */\n @Prop() invalid = false;\n\n /**\n * String used for label text next to radio.\n */\n @Prop() label: string;\n\n /**\n * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n */\n @Prop() hideLabel: boolean;\n\n /**\n * String used for radio `name` attribute.\n */\n @Prop() name: string;\n\n /**\n * Determines whether or not the radio is required.\n * @defaultValue false\n */\n @Prop() required = false;\n\n /**\n * The value of the radio that is submitted with a form.\n */\n @Prop() value: string;\n\n\n /**\n * Emits a boolean indicating whether the radio is currently checked or unchecked.\n */\n @Event() pdsRadioChange: EventEmitter<boolean>;\n\n private handleRadioChange = (e: Event) => {\n if (this.disabled) {\n return;\n }\n\n const target = e.target as HTMLInputElement;\n const isChecked = target.checked;\n\n // If this radio is inside a pds-radio-group, don't emit the individual event\n // The group will handle emitting its own event\n if (this.el.closest('pds-radio-group')) {\n return;\n }\n\n this.pdsRadioChange.emit(isChecked);\n }\n\n private hasImageSlot(): boolean {\n const imageSlot = this.el.querySelector('[slot=\"image\"]');\n return !!imageSlot;\n }\n\n private hasImage(): boolean {\n return this._hasImage;\n }\n\n private classNames() {\n const classNames = [];\n\n if (this.invalid) {\n classNames.push('is-invalid');\n }\n if (this.disabled) {\n classNames.push('is-disabled');\n }\n if (this.hasBorder) {\n classNames.push('has-border');\n }\n if (this.hasImage()) {\n classNames.push('has-image');\n }\n\n return classNames.join(' ');\n }\n\n componentWillLoad() {\n this._hasImage = this.hasImageSlot();\n }\n\n connectedCallback() {\n // Expose type property on the element instance to match native form element behavior\n exposeTypeProperty(this.el, () => this._type);\n }\n\n render() {\n const renderLabelAndMessages = () => [\n <label htmlFor={this.componentId} key={`${this.componentId}-label`}>\n <input\n aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n aria-invalid={this.invalid ? \"true\" : undefined}\n type=\"radio\"\n id={this.componentId}\n name={this.name}\n value={this.value}\n checked={this.checked}\n required={this.required}\n disabled={this.disabled}\n onChange={this.handleRadioChange}\n class={this.hasImage() ? 'visually-hidden' : ''}\n />\n <span class={this.hideLabel ? 'visually-hidden' : ''}>\n {this.label}\n </span>\n </label>,\n this.helperMessage && (\n <div\n key={`${this.componentId}-helper`}\n class={'pds-radio__message'}\n id={messageId(this.componentId, 'helper')}\n >\n {this.helperMessage}\n </div>\n ),\n this.errorMessage && (\n <div\n key={`${this.componentId}-error`}\n class={`pds-radio__message pds-radio__message--error`}\n id={messageId(this.componentId, 'error')}\n aria-live=\"assertive\"\n >\n <pds-icon icon={danger} size=\"small\" />\n {this.errorMessage}\n </div>\n )\n ];\n\n return (\n <Host class={this.classNames()}>\n {this.hasImage() && (\n <div class=\"pds-radio__image-container\" part=\"image-container\">\n <slot name=\"image\" onSlotchange={() => (this._hasImage = this.hasImageSlot())} />\n </div>\n )}\n {this.hasImage() ? (\n <div class=\"pds-radio__content-wrapper\">\n {renderLabelAndMessages()}\n </div>\n ) : (\n renderLabelAndMessages()\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"p-N-jt0_Yl.system.js","sources":["src/global/styles/utils/label.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":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 --sizing-check-size: 6px;\n --sizing-input-size: var(--pine-dimension-sm);\n --sizing-margin-block-start: 6px;\n\n align-items: center;\n display: flex;\n flex-flow: row wrap;\n position: relative;\n}\n\n:host(.is-invalid) {\n // Invalid state only affects error message styling, not the radio itself\n // This allows radio-group to handle error display without red radios\n .pds-radio__message--error {\n color: var(--pine-color-text-message-danger);\n }\n}\n\n:host(.has-border) {\n align-items: flex-start;\n border: var(--pine-border);\n border-radius: var(--pine-dimension-125);\n column-gap: var(--pine-dimension-xs);\n display: flex;\n flex: 1;\n flex-direction: column;\n padding: var(--pine-dimension-md);\n\n // On small screens, ensure full width when in a row layout\n @media (max-width: 767px) {\n box-sizing: border-box;\n flex: 1 1 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n &:hover {\n border: var(--pine-border-hover);\n }\n\n &:has(input:checked) {\n box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n }\n\n label {\n color: var(--pine-color-text);\n font-weight: var(--pine-font-weight-semi-bold);\n\n &::after {\n content: \"\";\n cursor: pointer;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1;\n }\n }\n\n // Disabled state for bordered radios\n &:has(input:disabled) {\n background: var(--pine-color-background-container-disabled);\n border-color: var(--pine-color-border-disabled);\n cursor: not-allowed;\n\n label {\n color: var(--pine-color-text-label-disabled);\n cursor: not-allowed;\n }\n }\n\n // Invalid state for bordered radios - no red styling, only error message\n &.is-invalid {\n .pds-radio__message--error {\n color: var(--pine-color-text-message-danger);\n }\n }\n}\n\ninput {\n appearance: none;\n background: var(--pine-color-background-container);\n border: var(--pine-border);\n border-radius: var(--pine-border-radius-full);\n flex: none;\n height: var(--sizing-input-size);\n margin: 0;\n margin-block-start: var(--pine-dimension-025);\n position: relative;\n width: var(--sizing-input-size);\n\n /* stylelint-disable-next-line selector-no-qualifying-type */\n &.visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: polygon(0 0, 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 &:hover {\n background: var(--pine-color-background-container-hover);\n border: var(--pine-border-hover);\n }\n\n &:checked {\n background: var(--pine-color-accent);\n border-color: var(--pine-color-accent);\n\n &:hover {\n background: var(--pine-color-accent-hover);\n border-color: var(--pine-color-accent-hover);\n }\n\n &::after {\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n background: var(--pine-color-white);\n border-radius: var(--pine-border-radius-full);\n content: \"\";\n display: block;\n height: var(--sizing-check-size);\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: var(--sizing-check-size);\n }\n }\n\n &:disabled {\n background: var(--pine-color-background-container-disabled);\n border-color: var(--pine-color-border-disabled);\n cursor: not-allowed;\n\n &:checked {\n background-color: var(--pine-color-accent-disabled);\n border-color: var(--pine-color-border-disabled);\n\n &::after {\n border-color: var(--pine-color-border-disabled);\n }\n }\n\n\n }\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n }\n\n}\n\nlabel {\n display: flex;\n gap: var(--pine-dimension-xs);\n}\n\n// Disabled label styling\nlabel:has(input:disabled) {\n color: var(--pine-color-text-label-disabled);\n cursor: not-allowed;\n}\n\n// Disabled message styling\n:host:has(input:disabled) .pds-radio__message {\n color: var(--pine-color-text-label-disabled);\n}\n\n.visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: polygon(0 0, 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.pds-radio__message {\n color: var(--pine-color-text-message);\n flex-basis: 100%; // Ensure message wraps to new line in flex container\n font: var(--pine-typography-body);\n margin-inline-start: var(--pine-dimension-md);\n width: 100%;\n}\n\n.pds-radio__message--error {\n display: flex;\n gap: var(--pine-dimension-2xs);\n\n pds-icon {\n margin-block-start: var(--pine-dimension-025);\n }\n}\n\n// Image-based radio styles - matches bordered layout\n:host(.has-image) {\n align-items: center;\n border: var(--pine-border);\n border-radius: var(--pine-dimension-125);\n column-gap: var(--pine-dimension-xs);\n display: flex;\n flex: 1;\n padding: var(--pine-dimension-md);\n\n // On small screens, ensure full width when in a row layout\n @media (max-width: 767px) {\n box-sizing: border-box;\n flex: 1 1 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n &:hover {\n border: var(--pine-border-hover);\n }\n\n &:has(input:checked) {\n box-shadow: 0 0 0 2px var(--pine-color-primary-hover);\n }\n\n label {\n color: var(--pine-color-text);\n display: flex;\n font-weight: var(--pine-font-weight-semi-bold);\n gap: var(--pine-dimension-xs);\n\n &::after {\n content: \"\";\n cursor: pointer;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1;\n }\n }\n\n .pds-radio__image-container {\n align-items: center;\n align-self: center;\n border: var(--pine-border);\n border-radius: var(--pine-border-radius-full);\n cursor: pointer;\n display: flex;\n flex: none;\n grid-area: image;\n justify-content: center;\n overflow: hidden;\n position: relative;\n transition: all 0.2s ease;\n\n &:hover {\n border-color: var(--pine-color-border-hover);\n }\n\n .pds-radio__image {\n height: 100%;\n object-fit: cover;\n width: 100%;\n }\n }\n\n .pds-radio__message {\n grid-area: message;\n margin-block-start: 0;\n margin-inline-start: 0;\n }\n\n // Disabled state\n &.is-disabled {\n background: var(--pine-color-background-container-disabled);\n border-color: var(--pine-color-border-disabled);\n cursor: not-allowed;\n\n .pds-radio__image-container {\n border-color: var(--pine-color-border-disabled);\n cursor: not-allowed;\n opacity: 0.5;\n\n &:hover {\n border-color: var(--pine-color-border-disabled);\n }\n }\n\n label {\n color: var(--pine-color-text-label-disabled);\n cursor: not-allowed;\n }\n\n .pds-radio__message {\n color: var(--pine-color-text-label-disabled);\n }\n }\n\n // Invalid state - no red styling, only error message\n &.is-invalid {\n .pds-radio__message--error {\n color: var(--pine-color-text-message-danger);\n }\n }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot image - Custom image content to display instead of the default radio input\n * @part image-container - The container for the image\n */\n@Component({\n tag: 'pds-radio',\n styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n scoped: true,\n})\nexport class PdsRadio {\n private readonly _type = 'radio' as const;\n\n @Element() el: HTMLPdsRadioElement;\n\n @State() private _hasImage = false;\n\n /**\n * Determines whether or not the radio is checked.\n * @defaultValue false\n */\n @Prop() checked = false;\n\n /**\n * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n */\n @Prop() componentId!: string;\n\n /**\n * Determines whether or not the radio is disabled.\n * @defaultValue false\n */\n @Prop() disabled = false;\n\n /**\n * Displays error message text describing an invalid state.\n */\n @Prop() errorMessage: string;\n\n /**\n * Displays helper message text below radio.\n */\n @Prop() helperMessage: string;\n\n /**\n * Adds a border around the radio component for better visual separation.\n * @defaultValue false\n */\n @Prop() hasBorder = false;\n\n /**\n * Determines whether or not the radio is invalid.\n * @defaultValue false\n */\n @Prop() invalid = false;\n\n /**\n * String used for label text next to radio.\n */\n @Prop() label: string;\n\n /**\n * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n */\n @Prop() hideLabel: boolean;\n\n /**\n * String used for radio `name` attribute.\n */\n @Prop() name: string;\n\n /**\n * Determines whether or not the radio is required.\n * @defaultValue false\n */\n @Prop() required = false;\n\n /**\n * The value of the radio that is submitted with a form.\n */\n @Prop() value: string;\n\n\n /**\n * Emits a boolean indicating whether the radio is currently checked or unchecked.\n */\n @Event() pdsRadioChange: EventEmitter<boolean>;\n\n private handleRadioChange = (e: Event) => {\n if (this.disabled) {\n return;\n }\n\n const target = e.target as HTMLInputElement;\n const isChecked = target.checked;\n\n // If this radio is inside a pds-radio-group, don't emit the individual event\n // The group will handle emitting its own event\n if (this.el.closest('pds-radio-group')) {\n return;\n }\n\n this.pdsRadioChange.emit(isChecked);\n }\n\n private hasImageSlot(): boolean {\n const imageSlot = this.el.querySelector('[slot=\"image\"]');\n return !!imageSlot;\n }\n\n private hasImage(): boolean {\n return this._hasImage;\n }\n\n private classNames() {\n const classNames = [];\n\n if (this.invalid) {\n classNames.push('is-invalid');\n }\n if (this.disabled) {\n classNames.push('is-disabled');\n }\n if (this.hasBorder) {\n classNames.push('has-border');\n }\n if (this.hasImage()) {\n classNames.push('has-image');\n }\n\n return classNames.join(' ');\n }\n\n componentWillLoad() {\n this._hasImage = this.hasImageSlot();\n }\n\n connectedCallback() {\n // Expose type property on the element instance to match native form element behavior\n exposeTypeProperty(this.el, () => this._type);\n }\n\n render() {\n const renderLabelAndMessages = () => [\n <label htmlFor={this.componentId} key={`${this.componentId}-label`}>\n <input\n aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n aria-invalid={this.invalid ? \"true\" : undefined}\n type=\"radio\"\n id={this.componentId}\n name={this.name}\n value={this.value}\n checked={this.checked}\n required={this.required}\n disabled={this.disabled}\n onChange={this.handleRadioChange}\n class={this.hasImage() ? 'visually-hidden' : ''}\n />\n <span class={this.hideLabel ? 'visually-hidden' : ''}>\n {this.label}\n </span>\n </label>,\n this.helperMessage && (\n <div\n key={`${this.componentId}-helper`}\n class={'pds-radio__message'}\n id={messageId(this.componentId, 'helper')}\n >\n {this.helperMessage}\n </div>\n ),\n this.errorMessage && (\n <div\n key={`${this.componentId}-error`}\n class={`pds-radio__message pds-radio__message--error`}\n id={messageId(this.componentId, 'error')}\n aria-live=\"assertive\"\n >\n <pds-icon icon={danger} size=\"small\" />\n {this.errorMessage}\n </div>\n )\n ];\n\n return (\n <Host class={this.classNames()}>\n {this.hasImage() && (\n <div class=\"pds-radio__image-container\" part=\"image-container\">\n <slot name=\"image\" onSlotchange={() => (this._hasImage = this.hasImageSlot())} />\n </div>\n )}\n {this.hasImage() ? (\n <div class=\"pds-radio__content-wrapper\">\n {renderLabelAndMessages()}\n </div>\n ) : (\n renderLabelAndMessages()\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./p-5D9wXQuJ.system.js","./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
System.register(["./p-5D9wXQuJ.system.js","./p-Bch44a-T.system.js","./p-BxVkyfaO.system.js","./p-BhQhw0S3.system.js"],(function(e){"use strict";var i,r,o,n,t,a,s,d,c,l;return{setters:[function(e){i=e.r;r=e.c;o=e.h;n=e.H;t=e.a},function(e){a=e.e;s=e.m;d=e.a},function(e){c=e.b},function(e){l=e.i}],execute:function(){var b=":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 h=':host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-white);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(90deg) translate3d(-103%, 32%, 0);transform:rotate(90deg) translate3d(-103%, 32%, 0);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-white);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';var p=e("pds_checkbox",function(){function e(e){var o=this;i(this,e);this.pdsCheckboxChange=r(this,"pdsCheckboxChange");this.pdsCheckboxInput=r(this,"pdsCheckboxInput");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.handleCheckboxChange=function(e){if(o.disabled){return}var i=e.target;o.checked=i.checked;o.updateFormValue();o.pdsCheckboxChange.emit({checked:i.checked,value:o.value})};this.handleInput=function(){o.pdsCheckboxInput.emit({checked:o.checked,value:o.value})}}e.prototype.updateIndeterminate=function(){this.indeterminate=undefined};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.indeterminate){e.push("is-indeterminate")}if(this.disabled){e.push("is-disabled")}return e.join(" ")};e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}a(this.el,(function(){return e._type}))};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.checkedChanged=function(){this.updateFormValue()};e.prototype.updateFormValue=function(){var e;if(typeof jest!=="undefined"||typeof process!=="undefined"&&((e=process.env)===null||e===void 0?void 0:e.NODE_ENV)==="test"){return}if(this.internals&&this.internals.setFormValue){var i=this.checked?this.value||"on":null;this.internals.setFormValue(i)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};e.prototype.formStateRestoreCallback=function(e){if(e instanceof FormData){var i=this.value||"on";this.checked=e.get(this.name)===i}else if(typeof e==="string"){this.checked=e===(this.value||"on")}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},l(this.el))};e.prototype.render=function(){return o(n,{key:"89542cef41ee75d43ed9595fa4c034d11015c2b2",class:this.classNames()},o("label",{key:"c42bc84be20638bc54b39e19740831fd384dd51d",htmlFor:this.componentId},o("input",Object.assign({key:"f99059d69fec916a33deb4e4e2449cf62029e4ca",type:"checkbox","aria-describedby":d(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,id:this.componentId,indeterminate:this.indeterminate,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange,onInput:this.handleInput},this.inheritedAttributes)),o("span",{key:"5482e147bbfb151b4984ee6fa52781d0533bea8c",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&o("div",{key:"30792c96b68346304a4ba10d050904f74f5811ca",class:"pds-checkbox__message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&o("div",{key:"d3ee96dc4d6a7dc8f0ce7453850f3211b10b6b9f",class:"pds-checkbox__message pds-checkbox__message--error",id:s(this.componentId,"error"),"aria-live":"assertive"},o("pds-icon",{key:"0c4255a58ca7873bc23228e6097adc150006caa9",icon:c,size:"small"}),this.errorMessage))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return t(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["updateIndeterminate","checkedChanged"]}},enumerable:false,configurable:true});return e}());p.style=b+h}}}));
|
|
2
|
+
//# sourceMappingURL=p-b1820970.system.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as i,h as r,H as o,a as t}from"./p-DHPhrb5T.js";import{e as n,m as a,a as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as i,h as r,H as o,a as t}from"./p-DHPhrb5T.js";import{e as n,m as a,a as s}from"./p-CN-lL5QG.js";import{b as d}from"./p-D094LgxJ.js";import{i as c}from"./p-C0M1gTKv.js";const l=":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)}";const p=':host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-white);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(90deg) translate3d(-103%, 32%, 0);transform:rotate(90deg) translate3d(-103%, 32%, 0);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-white);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';const h=class{constructor(r){e(this,r);this.pdsCheckboxChange=i(this,"pdsCheckboxChange");this.pdsCheckboxInput=i(this,"pdsCheckboxInput");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.handleCheckboxChange=e=>{if(this.disabled){return}const i=e.target;this.checked=i.checked;this.updateFormValue();this.pdsCheckboxChange.emit({checked:i.checked,value:this.value})};this.handleInput=()=>{this.pdsCheckboxInput.emit({checked:this.checked,value:this.value})}}updateIndeterminate(){this.indeterminate=undefined}classNames(){const e=[];if(this.invalid){e.push("is-invalid")}if(this.indeterminate){e.push("is-indeterminate")}if(this.disabled){e.push("is-disabled")}return e.join(" ")}connectedCallback(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}n(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){var e;if(typeof jest!=="undefined"||typeof process!=="undefined"&&((e=process.env)===null||e===void 0?void 0:e.NODE_ENV)==="test"){return}if(this.internals&&this.internals.setFormValue){const e=this.checked?this.value||"on":null;this.internals.setFormValue(e)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name)===i}else if(typeof e==="string"){this.checked=e===(this.value||"on")}}componentWillLoad(){this.inheritedAttributes=Object.assign({},c(this.el))}render(){return r(o,{key:"89542cef41ee75d43ed9595fa4c034d11015c2b2",class:this.classNames()},r("label",{key:"c42bc84be20638bc54b39e19740831fd384dd51d",htmlFor:this.componentId},r("input",Object.assign({key:"f99059d69fec916a33deb4e4e2449cf62029e4ca",type:"checkbox","aria-describedby":s(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,id:this.componentId,indeterminate:this.indeterminate,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange,onInput:this.handleInput},this.inheritedAttributes)),r("span",{key:"5482e147bbfb151b4984ee6fa52781d0533bea8c",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&r("div",{key:"30792c96b68346304a4ba10d050904f74f5811ca",class:"pds-checkbox__message",id:a(this.componentId,"helper")},this.helperMessage),this.errorMessage&&r("div",{key:"d3ee96dc4d6a7dc8f0ce7453850f3211b10b6b9f",class:`pds-checkbox__message pds-checkbox__message--error`,id:a(this.componentId,"error"),"aria-live":"assertive"},r("pds-icon",{key:"0c4255a58ca7873bc23228e6097adc150006caa9",icon:d,size:"small"}),this.errorMessage))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{checked:["updateIndeterminate","checkedChanged"]}}};h.style=l+p;export{h as pds_checkbox};
|
|
2
|
+
//# sourceMappingURL=p-b1a7a0b2.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as t,h as i,H as s,a as n}from"./p-DHPhrb5T.js";import{a as o,c as r,o as l,f as a,s as d,b as c}from"./p-BO6p966C.js";import{d as h}from"./p-tJa4KYNO.js";import{a as p,m as u}from"./p-CN-lL5QG.js";import{e as m,b}from"./p-D094LgxJ.js";const f=":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-550);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__panel{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover,.pds-multiselect__option.pds-multiselect__option--highlighted{background:var(--pine-color-background-muted)}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}";const g=class{constructor(i){e(this,i);this.pdsMultiselectChange=t(this,"pdsMultiselectChange");this.pdsMultiselectSearch=t(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=t(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=t(this,"pdsMultiselectCreate");this.placeholder="Select...";this.value=[];this.disabled=false;this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.maxHeight="300px";this.triggerWidth="100%";this.minWidth="250px";this.hideLabel=false;this.hideSelectedItems=false;this.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";this.isOpen=false;this.searchQuery="";this.highlightedIndex=-1;this.internalOptions=[];this.selectedItems=[];this.currentPage=1;this.hasMore=false;this.creating=false;this.isOpening=false;this.initialAsyncFetchTriggered=false;this.pendingUnresolvedFetch=false;this.handleTriggerClick=()=>{if(this.disabled)return;if(this.isOpen){this.closeDropdown()}else{this.openDropdown()}};this.handleTriggerKeyDown=e=>{switch(e.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":e.preventDefault();if(!this.isOpen){this.openDropdown()}break}};this.handleSearchInputChange=e=>{const t=e.target;this.searchQuery=t.value;this.highlightedIndex=-1;this.pdsMultiselectSearch.emit({query:this.searchQuery});if(this.asyncUrl){this.debouncedFetchAsyncOptions(this.searchQuery,1)}};this.handleSearchInputKeyDown=e=>{const t=this.getFilteredOptions();switch(e.key){case"ArrowDown":e.preventDefault();this.highlightedIndex=Math.min(this.highlightedIndex+1,t.length-1);this.scrollOptionIntoView();break;case"ArrowUp":e.preventDefault();this.highlightedIndex=Math.max(this.highlightedIndex-1,0);this.scrollOptionIntoView();break;case"Enter":e.preventDefault();if(this.highlightedIndex>=0){const e=t[this.highlightedIndex];if(e){this.selectOption(e)}}break;case"Tab":this.closeDropdown();break}};this.handleContainerFocusOut=()=>{setTimeout((()=>{var e;if(!this.isOpen||this.isOpening)return;const t=document.activeElement;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.contains(t);const s=t===this.el;if(!i&&!s){this.closeDropdown()}}),0)};this.handleOptionMouseDown=e=>t=>{t.preventDefault();this.toggleOption(e)};this.handleOptionMouseEnter=e=>()=>{this.highlightedIndex=e};this.handleScroll=e=>{if(!this.asyncUrl||!this.hasMore||this.loading)return;const t=e.target;const i=t.scrollHeight-t.scrollTop-t.clientHeight;if(i<50){this.pdsMultiselectLoadOptions.emit({query:this.searchQuery,page:this.currentPage+1});this.debouncedFetchAsyncOptions(this.searchQuery,this.currentPage+1)}}}connectedCallback(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}}componentWillLoad(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems()}componentDidLoad(){this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}}setupSlotChangeListener(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(t){t.addEventListener("slotchange",(()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));this.updateOptionsFromSlot()}}disconnectedCallback(){var e,t;(e=this.observer)===null||e===void 0?void 0:e.disconnect();(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.clearAsyncFetchState()}setupDebounce(){const{pdsMultiselectSearch:e,debounce:t,originalSearchEmitter:i}=this;this.pdsMultiselectSearch=t===undefined?i!==null&&i!==void 0?i:e:h(e,t)}valueChanged(e){if(typeof e==="string"){try{const t=JSON.parse(e);if(Array.isArray(t)){this.value=t;return}}catch(t){this.value=e?[e]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){const e=this.ensureValueArray();const t=e.length>0&&this.selectedItems.length<e.length;if(t){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}}optionsChanged(){if(this.options){this.internalOptions=[...this.options]}}internalOptionsChanged(){this.syncSelectedItems()}async setFocus(){var e;(e=this.triggerEl)===null||e===void 0?void 0:e.focus()}handleWindowKeyDown(e){var t;if(!this.isOpen)return;if(e.key==="Escape"){e.preventDefault();this.closeDropdown();(t=this.triggerEl)===null||t===void 0?void 0:t.focus()}}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.updateOptionsFromSlot()}));this.observer.observe(this.el,{childList:true,subtree:true})}updateOptionsFromSlot(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!t)return;const i=t.assignedElements({flatten:true}).filter((e=>e.tagName==="OPTION")).map((e=>({id:e.value,text:e.textContent||e.value})));if(i.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=i}}clearAsyncFetchState(){var e;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(e=this.abortController)===null||e===void 0?void 0:e.abort();this.abortController=undefined}debouncedFetchAsyncOptions(e,t=1){var i;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}const s=Math.max(0,(i=this.debounce)!==null&&i!==void 0?i:0);this.fetchDebounceTimer=window.setTimeout((()=>{this.fetchDebounceTimer=undefined;this.fetchOptions(e,t)}),s)}syncSelectedItems(){const e=this.ensureValueArray();const t=this.getAllOptions();const i=[];const s=new Map(this.selectedItems.map((e=>[String(e.id),e])));e.forEach((e=>{const n=t.find((t=>String(t.id)===String(e)));if(n){i.push(n)}else if(s.has(String(e))){i.push(s.get(String(e)))}}));this.selectedItems=i}ensureValueArray(){if(typeof this.value==="string"){try{const e=JSON.parse(this.value);if(Array.isArray(e)){this.value=e;return e}}catch(e){const t=this.value;this.value=t?[t]:[];return this.value}}return Array.isArray(this.value)?this.value:[]}getAllOptions(){return this.options||this.internalOptions}getFilteredOptions(){const e=this.getAllOptions();const t=this.searchQuery.toLowerCase();const i=e.filter((e=>{if(t){return e.text.toLowerCase().includes(t)}return true}));if(this.createUrl&&this.searchQuery.trim()&&i.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return i}updateFormValue(){var e;if((e=this.internals)===null||e===void 0?void 0:e.setFormValue){const e=this.ensureValueArray();const t=new FormData;e.forEach((e=>{if(this.name){t.append(this.name,e)}}));this.internals.setFormValue(t);if(this.required&&e.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.triggerEl)}else{this.internals.setValidity({})}}}getCsrfToken(){if(this.csrfToken){return this.csrfToken}const e=document.querySelector('meta[name="csrf-token"]');return(e===null||e===void 0?void 0:e.content)||null}async fetchOptions(e,t=1){var i;if(!this.asyncUrl)return;(i=this.abortController)===null||i===void 0?void 0:i.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((()=>{var e;(e=this.abortController)===null||e===void 0?void 0:e.abort();this.fetchTimeoutTimer=undefined}),this.fetchTimeout);try{let i;try{i=new URL(this.asyncUrl,window.location.origin)}catch(e){throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`)}if(this.asyncMethod==="GET"){i.searchParams.set("search",e);i.searchParams.set("page",String(t))}const s=this.getCsrfToken();const n={"Content-Type":"application/json",Accept:"application/json"};if(s){const e=this.csrfHeaderName||"X-CSRF-Token";n[e]=s}const o=await fetch(i.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:n},this.asyncMethod==="POST"&&{body:JSON.stringify({search:e,page:t})}));if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!o.ok)throw new Error("Failed to fetch options");const r=await o.json();const l=r.results.map((e=>{if(this.formatResult){return this.formatResult(e)}if(typeof e==="object"&&e!==null){return Object.assign({id:e.id,text:e.text},e)}return{id:String(e),text:String(e)}}));if(t===1){this.internalOptions=l}else{this.internalOptions=[...this.internalOptions,...l]}this.hasMore=r.totalCount?this.internalOptions.length<r.totalCount:false;this.currentPage=t}catch(e){if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(e.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",e)}}finally{this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;const e=this.ensureValueArray();const t=e.length>0&&this.selectedItems.length<e.length;if(t){this.fetchOptions("",1)}}}}async createOption(e){if(!this.createUrl||!e.trim())return;if(this.creating)return;this.creating=true;try{const t=new URL(this.createUrl,window.location.origin);const i=this.getCsrfToken();const s={"Content-Type":"application/json",Accept:"application/json"};if(i){const e=this.csrfHeaderName||"X-CSRF-Token";s[e]=i}const n=await fetch(t.toString(),{method:"POST",headers:s,body:JSON.stringify({text:e.trim()})});if(!n.ok)throw new Error("Failed to create option");const o=await n.json();const r=Object.assign({id:o.id,text:o.text},o);this.internalOptions=[...this.internalOptions,r];this.value=[...this.value,String(r.id)];this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:e.trim(),newOption:r});this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((()=>{var e;(e=this.searchInputEl)===null||e===void 0?void 0:e.focus()}))}catch(e){console.error("PdsMultiselect: Failed to create option",e)}finally{this.creating=false}}openDropdown(){if(this.disabled)return;this.isOpening=true;this.isOpen=true;this.highlightedIndex=-1;if(this.asyncUrl&&this.internalOptions.length===0&&!this.initialAsyncFetchTriggered){this.debouncedFetchAsyncOptions(this.searchQuery,1)}this.initialAsyncFetchTriggered=false;requestAnimationFrame((()=>{var e;this.positionDropdown();(e=this.searchInputEl)===null||e===void 0?void 0:e.focus();setTimeout((()=>{this.isOpening=false}),50)}))}closeDropdown(){this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}}positionDropdown(){if(!this.containerEl||!this.panelEl)return;const e=this.triggerEl||this.containerEl;const{minWidth:t,panelWidth:i}=this;const s=()=>{r(e,this.panelEl,{placement:"bottom-start",strategy:"absolute",middleware:[l(12),a(),d({padding:8}),c({apply:({rects:e,elements:s})=>{Object.assign(s.floating.style,{width:i!==null&&i!==void 0?i:`${e.reference.width}px`,minWidth:t})}})]}).then((({x:e,y:t})=>{if(this.panelEl){this.panelEl.style.left=`${e}px`;this.panelEl.style.top=`${t}px`}}))};s();const n=o(e,this.panelEl,s);this.cleanupAutoUpdate=()=>{n();this.clearAsyncFetchState()}}scrollOptionIntoView(){requestAnimationFrame((()=>{var e;const t=(e=this.listboxEl)===null||e===void 0?void 0:e.querySelector(`[data-index="${this.highlightedIndex}"]`);t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest",behavior:"smooth"})}))}toggleOption(e){var t;if(e.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}const i=this.value.includes(String(e.id));if(i){this.value=this.value.filter((t=>t!==String(e.id)))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=[...this.value,String(e.id)]}this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}selectOption(e){this.toggleOption(e)}renderSelectedItemsList(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return i("div",{class:"pds-multiselect__selected-section"},i("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((e=>i("li",{key:String(e.id),class:"pds-multiselect__selected-item"},e.text)))))}renderDropdown(){if(!this.isOpen)return null;const e=this.getFilteredOptions();const t=this.ensureValueArray();const s=!!this.el.querySelector('[slot="empty"]');const n=!!this.el.querySelector('[slot="loading"]');return i("div",{class:"pds-multiselect__panel",ref:e=>this.panelEl=e,style:{minWidth:this.minWidth}},i("div",{class:"pds-multiselect__search"},i("pds-icon",{name:"search",size:"small"}),i("input",{ref:e=>this.searchInputEl=e,type:"text",class:"pds-multiselect__search-input",placeholder:"Find...",value:this.searchQuery,"aria-label":"Search options","aria-controls":`${this.componentId}-listbox`,"aria-activedescendant":this.highlightedIndex>=0?`${this.componentId}-option-${this.highlightedIndex}`:undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),i("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||"Options",id:`${this.componentId}-listbox`,ref:e=>this.listboxEl=e,style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&i("li",{class:"pds-multiselect__loading",role:"presentation"},n?i("slot",{name:"loading"}):i("pds-loader",{size:"small"})),!this.loading&&e.length===0&&i("li",{class:"pds-multiselect__empty",role:"presentation"},s?i("slot",{name:"empty"}):i("span",null,"No options found")),e.map(((e,s)=>{const n=t.includes(String(e.id));const o=e.isCreateOption;const r=s===this.highlightedIndex&&!o;const l=`${this.componentId}-option-${s}`;const a=o&&this.creating;return i("li",{key:String(e.id),id:l,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":r,"pds-multiselect__option--selected":n,"pds-multiselect__option--create":o,"pds-multiselect__option--disabled":a},role:"option","aria-selected":n?"true":"false","aria-disabled":a?"true":undefined,"aria-label":o?`Create new tag: ${e.text}`:undefined,"data-index":s,onMouseDown:this.handleOptionMouseDown(e),onMouseEnter:this.handleOptionMouseEnter(s)},o?i("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},i("pds-icon",{name:"add",size:"small"}),i("pds-text",null,'Add "',e.text,'"')):i("pds-checkbox",{componentId:`${this.componentId}-checkbox-${s}`,checked:n,label:e.text,style:{pointerEvents:"none"}}))})),this.hasMore&&!this.loading&&i("li",{class:"pds-multiselect__load-more",role:"presentation"},i("pds-loader",{size:"small"}))))}getTriggerText(){const e=this.selectedItems.length;if(e===0){return this.placeholder||"Select..."}return`${e} item${e===1?"":"s"}`}render(){const e=this.selectedItems.length>0;return i(s,{key:"4f197872aaeb24c7d4c602ad82f3015e14702628","aria-disabled":this.disabled?"true":null},i("div",{key:"e245900ad8cdf2589aa9d15f3b36a752d936034e",class:"pds-multiselect"},this.label&&i("label",{key:"b07085c91de33d200dfdeb71b7c1c297ed92762c",htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),i("div",{key:"6b5f58165e562244269600bfae80df4e847bfaa5",class:"pds-multiselect__wrapper",ref:e=>this.containerEl=e,onFocusout:this.handleContainerFocusOut,style:{width:this.triggerWidth}},i("button",{key:"89446787c88948e1f5946d5dbed88e1d794f85f8",ref:e=>this.triggerEl=e,type:"button",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":p(this.componentId,this.invalid||!!this.errorMessage,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},i("span",{key:"1ccf24b3dd7570fdae169c8208d364debdd35381",class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!e}},this.getTriggerText()),i("pds-icon",{key:"58d5849e739bebc23caa19819704c475c3a31e38",class:"pds-multiselect__icon",icon:m})),this.renderDropdown()),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&i("p",{key:"b596b1b4a712f04d9a21f7005212099cb8fcff29",class:"pds-multiselect__helper",id:u(this.componentId,"helper")},this.helperMessage),this.errorMessage&&i("p",{key:"daa5efe46009f2f776dc7a4a97c94b9b096817d0",class:"pds-multiselect__error",id:u(this.componentId,"error")},i("pds-icon",{key:"07f16bded841826477e90b7db88bffa251165f82",icon:b,size:"small"}),this.errorMessage),i("div",{key:"4681c39dbc90eac71a04b885f32b49683a92ad2e",style:{display:"none"}},i("slot",{key:"37674d4c94a709b8c8cbcc45d982802ebd082e85"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{debounce:["setupDebounce"],value:["valueChanged"],options:["optionsChanged"],internalOptions:["internalOptionsChanged"]}}};g.style=f;export{g as pds_multiselect};
|
|
2
|
+
//# sourceMappingURL=p-b3c66c58.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","autoUpdate","computePosition","offset","flip","shift","size","debounceEvent","assignDescription","messageId","enlarge","danger","pdsMultiselectCss","PdsMultiselect","constructor","hostRef","this","pdsMultiselectChange","pdsMultiselectSearch","pdsMultiselectLoadOptions","pdsMultiselectCreate","placeholder","value","disabled","asyncMethod","debounce","fetchTimeout","maxHeight","triggerWidth","minWidth","hideLabel","hideSelectedItems","required","loading","csrfHeaderName","isOpen","searchQuery","highlightedIndex","internalOptions","selectedItems","currentPage","hasMore","creating","isOpening","initialAsyncFetchTriggered","pendingUnresolvedFetch","handleTriggerClick","closeDropdown","openDropdown","handleTriggerKeyDown","e","key","preventDefault","handleSearchInputChange","target","emit","query","asyncUrl","debouncedFetchAsyncOptions","handleSearchInputKeyDown","filteredOptions","getFilteredOptions","Math","min","length","scrollOptionIntoView","max","option","selectOption","handleContainerFocusOut","setTimeout","_a","activeElement","document","isInShadowRoot","el","shadowRoot","contains","isOnHost","handleOptionMouseDown","toggleOption","handleOptionMouseEnter","index","handleScroll","scrollBottom","scrollHeight","scrollTop","clientHeight","page","connectedCallback","attachInternals","internals","componentWillLoad","originalSearchEmitter","syncSelectedItems","componentDidLoad","setupDebounce","setupMutationObserver","setupSlotChangeListener","updateFormValue","requestAnimationFrame","updateOptionsFromSlot","ensureValueArray","fetchOptions","slot","querySelector","addEventListener","disconnectedCallback","_b","observer","disconnect","cleanupAutoUpdate","call","clearAsyncFetchState","undefined","valueChanged","newValue","parsed","JSON","parse","Array","isArray","valueArray","hasUnresolvedValues","optionsChanged","options","internalOptionsChanged","setFocus","triggerEl","focus","handleWindowKeyDown","event","MutationObserver","observe","childList","subtree","assignedElements","flatten","filter","tagName","map","opt","id","text","textContent","fetchDebounceTimer","window","clearTimeout","fetchTimeoutTimer","abortController","abort","delay","allOptions","getAllOptions","newSelectedItems","existingItemsMap","Map","item","String","forEach","val","find","push","has","get","singleValue","toLowerCase","filtered","includes","createUrl","trim","isCreateOption","setFormValue","formData","FormData","name","append","setValidity","valueMissing","getCsrfToken","csrfToken","metaTag","content","AbortController","url","URL","location","origin","urlError","TypeError","searchParams","set","headers","Accept","headerName","response","fetch","toString","Object","assign","method","signal","body","stringify","search","ok","Error","data","json","formattedResults","results","formatResult","totalCount","error","console","createOption","newOption","values","items","searchInputEl","positionDropdown","containerEl","panelEl","referenceEl","panelWidth","updatePosition","placement","strategy","middleware","padding","apply","rects","elements","floating","style","width","reference","then","x","y","left","top","highlighted","listboxEl","scrollIntoView","block","behavior","isSelected","v","maxSelections","renderSelectedItemsList","class","role","renderDropdown","hasSlottedEmpty","hasSlottedLoading","ref","type","componentId","autocomplete","onInput","onKeyDown","label","onScroll","isHighlighted","optionId","isCreateDisabled","onMouseDown","onMouseEnter","gap","checked","pointerEvents","getTriggerText","count","render","hasSelections","htmlFor","onFocusout","invalid","errorMessage","helperMessage","onClick","icon","display","formAssociated","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-9eQIEVii.system.js","sources":["src/global/styles/utils/label.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.tsx"],"sourcesContent":[":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// Need discussions\n --sizing-input-toggle-size: calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));\n --pine-dimension-025: 2px;\n --spacing-message-inline: calc(var(--pine-dimension-450) + var(--pine-dimension-150));\n --number-transition-timing: 0.15s ease-out;\n\n align-items: flex-start;\n color: var(--pine-color-text);\n display: inline-flex;\n flex-flow: row wrap;\n position: relative;\n}\n\n:host(.pds-switch--error) {\n color: var(--pine-color-text-message-danger);\n\n input,\n input:checked,\n input:hover:not(:disabled):not(:checked) {\n background-color: var(--pine-color-danger);\n }\n\n input:focus-visible:not(:disabled):not(:checked) {\n outline-color: var(--pine-color-focus-ring-danger);\n }\n\n label {\n color: var(--color-text-error);\n }\n}\n\n// switch container\ninput {\n appearance: none;\n background: var(--pine-color-neutral);\n border: 0;\n border-radius: var(--pine-dimension-sm);\n cursor: pointer;\n display: inline-block;\n flex-shrink: 0;\n height: var(--pine-dimension-250);\n margin: 0;\n padding: 0;\n position: relative;\n transition: var(--number-transition-timing);\n transition-property: background, border, color;\n width: var(--pine-dimension-450);\n\n // switch toggle\n &::after {\n background: var(--pine-color-secondary);\n border-radius: var(--pine-border-radius-full);\n box-shadow: var(--pine-box-shadow);\n content: \"\";\n display: block;\n height: var(--sizing-input-toggle-size);\n inset-block-start: 50%;\n inset-inline-start: 50%;\n position: absolute;\n transform: translate3d(-100%, -50%, 0);\n transition: transform var(--number-transition-timing);\n width: var(--sizing-input-toggle-size);\n }\n}\n\nlabel {\n display: flex;\n gap: var(--pine-dimension-150);\n\n .pds-switch--error & {\n color: inherit;\n }\n}\n\n.visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: polygon(0 0, 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// Help and error messages\n.pds-switch__message {\n color: var(--pine-color-text-message);\n font: var(--pine-typography-body-sm-medium);\n margin-block-start: var(--pine-dimension-xs);\n margin-inline-start: var(--spacing-message-inline);\n width: 100%;\n\n + .pds-switch__message {\n margin-block-start: var(--spacing-message-inline);\n }\n}\n\n.pds-switch__message--error {\n color: inherit;\n display: flex;\n gap: var(--pine-dimension-2xs);\n\n pds-icon {\n margin-block-start: var(--pine-dimension-025);\n }\n}\n\n// Disabled state\ninput:disabled {\n background-color: var(--pine-color-neutral-disabled);\n cursor: not-allowed;\n\n ~ label {\n cursor: initial;\n }\n\n &:hover::after {\n background-color: var(--pine-color-secondary);\n }\n\n .pds-switch__message {\n color: initial;\n }\n}\n\n// Hover state\ninput:hover:not(:disabled) {\n background-color: var(--pine-color-neutral-hover);\n}\n\n // Focus state\ninput:focus-visible:not(:disabled) {\n outline: var(--pine-outline-focus);\n outline-offset: var(--pine-border-width);\n}\n\n// 'Checked' state\n// switch toggle\ninput:checked::after {\n transform: translate3d(0, -50%, 0);\n}\n\n// switch container\ninput:checked:not(:disabled) {\n background-color: currentColor;\n color: var(--pine-color-accent);\n\n &:hover {\n border-color: currentColor;\n color: var(--pine-color-accent-hover);\n }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\n\n@Component({\n tag: 'pds-switch',\n styleUrls: ['../../global/styles/utils/label.scss', 'pds-switch.scss'],\n shadow: true,\n formAssociated: true,\n})\nexport class PdsSwitch {\n private inheritedAttributes: Attributes = {};\n private internals?: ElementInternals;\n private readonly _type = 'checkbox' as const;\n\n @Element() el: HTMLPdsSwitchElement;\n\n /**\n * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n */\n @Prop() componentId!: string;\n\n /**\n * Determines the input 'checked' state.\n */\n @Prop({ mutable: true }) checked = false;\n\n /**\n * Determines the input 'disabled' state, preventing user interaction.\n */\n @Prop() disabled? = false;\n\n /**\n * Displays message text describing an invalid state.\n */\n @Prop() errorMessage?: string;\n\n /**\n * Visually hides the label text for instances where only the switch should be displayed. Label remains accessible to assistive technology such as screen readers.\n */\n @Prop() hideLabel: boolean;\n\n /**\n * Displays help text for additional description of an input.\n */\n @Prop() helperMessage: string;\n\n /**\n * Determines the input 'invalid' state, signifying an error is present.\n */\n @Prop() invalid? = false;\n\n /**\n * Displays text to describe the input.\n */\n @Prop() label!: string;\n\n /**\n * Identifies form data and unifies a group of radio inputs for toggling a single property/value.\n */\n @Prop() name: string;\n\n /**\n * Determines the 'required' state of the input.\n */\n @Prop() required? = false;\n\n /**\n * Provides input with a string submitted in form data.\n */\n @Prop() value: string;\n\n\n /**\n * Emits an event on input change.\n */\n @Event() pdsSwitchChange: EventEmitter<InputEvent>;\n\n private onSwitchUpdate = (e: Event) => {\n if (this.disabled) return;\n\n const input = e.target as HTMLInputElement;\n this.checked = input.checked;\n\n this.updateFormValue();\n\n this.pdsSwitchChange.emit(e as InputEvent);\n };\n\n private switchClassNames = () => {\n let switchClasses = `pds-switch`;\n\n if (this.invalid === true) {\n switchClasses += \" pds-switch--error\";\n }\n if (this.helperMessage !== undefined) {\n switchClasses += \" pds-switch--message\";\n }\n return switchClasses;\n };\n\n connectedCallback() {\n // Initialize ElementInternals for form association (only once per element instance)\n if (this.el.attachInternals && !this.internals) {\n this.internals = this.el.attachInternals();\n }\n\n // Expose type property on the element instance to match native form element behavior\n exposeTypeProperty(this.el, () => this._type);\n }\n\n componentDidLoad() {\n this.updateFormValue();\n }\n\n @Watch('checked')\n checkedChanged() {\n this.updateFormValue();\n }\n\n private updateFormValue() {\n if (typeof jest !== 'undefined' || typeof process !== 'undefined' && process.env?.NODE_ENV === 'test') {\n return;\n }\n\n if (this.internals && this.internals.setFormValue) {\n // For switches, only send the value when checked, otherwise send null\n const formValue = this.checked ? (this.value || 'on') : null;\n this.internals.setFormValue(formValue);\n }\n\n if (this.internals && this.internals.setValidity) {\n this.internals.setValidity({});\n }\n }\n\n formStateRestoreCallback(state: string | FormData | null) {\n if (state instanceof FormData) {\n // For switches, restore if the value exists in FormData\n const value = this.value || 'on';\n this.checked = state.get(this.name || this.componentId) === value;\n } else if (typeof state === 'string') {\n // Restore from string state\n this.checked = state === (this.value || 'on');\n }\n }\n\n componentWillLoad() {\n this.inheritedAttributes = {\n ...inheritAriaAttributes(this.el)\n }\n }\n\n render() {\n return (\n <Host class={this.switchClassNames()} aria-disabled={this.disabled ? 'true' : null}>\n <label htmlFor={this.componentId}>\n <input\n aria-describedby={assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage)}\n aria-invalid={this.invalid ? \"true\" : undefined}\n checked={this.checked}\n class=\"pds-switch__input\"\n disabled={this.disabled}\n id={this.componentId}\n name={this.name ? this.name : this.componentId}\n onChange={this.onSwitchUpdate}\n required={this.required}\n type=\"checkbox\"\n value={this.value}\n {...this.inheritedAttributes}\n />\n <span class={this.hideLabel ? 'visually-hidden' : ''}>\n {this.label}\n </span>\n </label>\n {this.helperMessage &&\n <div\n class={`pds-switch__message`}\n id={messageId(this.componentId, 'helper')}\n >\n {this.helperMessage}\n </div>\n }\n {this.errorMessage &&\n <div\n class={`pds-switch__message pds-switch__message--error`}\n id={messageId(this.componentId, 'error')}\n aria-live=\"assertive\"\n >\n <pds-icon icon={danger} size=\"small\" />\n {this.errorMessage}\n </div>\n }\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,MAAM,QAAQ,GAAG,oTAAoT;;MCArU,MAAM,YAAY,GAAG,4uHAA4uH;;YCapvH,SAAS,yBAAA,MAAA;MANtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAOU,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;MAE3B,QAAA,IAAK,CAAA,KAAA,GAAG,UAAmB;MAS5C;;MAEG;MACsB,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;MAExC;;MAEG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;MAiBzB;;MAEG;MACK,QAAA,IAAO,CAAA,OAAA,GAAI,KAAK;MAYxB;;MAEG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;MAajB,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,CAAQ,KAAI;kBACpC,IAAI,IAAI,CAAC,QAAQ;sBAAE;MAEnB,YAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B;MAC1C,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;kBAE5B,IAAI,CAAC,eAAe,EAAE;MAEtB,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAe,CAAC;MAC5C,SAAC;MAEO,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;kBAC9B,IAAI,aAAa,GAAG,CAAA,UAAA,CAAY;MAEhC,YAAA,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE;sBACzB,aAAa,IAAI,oBAAoB;;MAEvC,YAAA,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE;sBACpC,aAAa,IAAI,sBAAsB;;MAEzC,YAAA,OAAO,aAAa;MACtB,SAAC;MAiGF;UA/FC,iBAAiB,GAAA;;cAEf,IAAI,IAAI,CAAC,EAAE,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;kBAC9C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE;;;MAI5C,QAAA,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;;UAG/C,gBAAgB,GAAA;cACd,IAAI,CAAC,eAAe,EAAE;;UAIxB,cAAc,GAAA;cACZ,IAAI,CAAC,eAAe,EAAE;;UAGhB,eAAe,GAAA;;MACrB,QAAA,IAAI,OAAO,IAAI,KAAK,WAAW,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAK,MAAM,EAAE;kBACrG;;cAGF,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE;;MAEjD,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI;MAC5D,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC;;cAGxC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;MAChD,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;;;MAIlC,IAAA,wBAAwB,CAAC,KAA+B,EAAA;MACtD,QAAA,IAAI,KAAK,YAAY,QAAQ,EAAE;;MAE7B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI;MAChC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,KAAK;;MAC5D,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;;MAEpC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,MAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC;;;UAIjD,iBAAiB,GAAA;MACf,QAAA,IAAI,CAAC,mBAAmB,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAClC;;UAGH,MAAM,GAAA;cACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,mBAAiB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI,EAAA,EAChF,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC9B,CACoB,CAAA,OAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,kBAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,CAAC,EAAA,cAAA,EAC9F,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,EAC/C,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,EAC9C,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACb,EAAA,IAAI,CAAC,mBAAmB,CAC5B,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,iBAAiB,GAAG,EAAE,EAAA,EACjD,IAAI,CAAC,KAAK,CACN,CACD,EACP,IAAI,CAAC,aAAa;MACjB,YAAA,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAqB,mBAAA,CAAA,EAC5B,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAExC,IAAI,CAAC,aAAa,CACf,EAEP,IAAI,CAAC,YAAY;kBAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAgD,8CAAA,CAAA,EACvD,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,eAC9B,WAAW,EAAA,EAErB,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,EACtC,IAAI,CAAC,YAAY,CACd,CAEH;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"p-c2oMjk1r.system.js","sources":["src/global/styles/utils/label.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.tsx"],"sourcesContent":[":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// Need discussions\n --sizing-input-toggle-size: calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));\n --pine-dimension-025: 2px;\n --spacing-message-inline: calc(var(--pine-dimension-450) + var(--pine-dimension-150));\n --number-transition-timing: 0.15s ease-out;\n\n align-items: flex-start;\n color: var(--pine-color-text);\n display: inline-flex;\n flex-flow: row wrap;\n position: relative;\n}\n\n:host(.pds-switch--error) {\n color: var(--pine-color-text-message-danger);\n\n input,\n input:checked,\n input:hover:not(:disabled):not(:checked) {\n background-color: var(--pine-color-danger);\n }\n\n input:focus-visible:not(:disabled):not(:checked) {\n outline-color: var(--pine-color-focus-ring-danger);\n }\n\n label {\n color: var(--color-text-error);\n }\n}\n\n// switch container\ninput {\n appearance: none;\n background: var(--pine-color-neutral);\n border: 0;\n border-radius: var(--pine-dimension-sm);\n cursor: pointer;\n display: inline-block;\n flex-shrink: 0;\n height: var(--pine-dimension-250);\n margin: 0;\n padding: 0;\n position: relative;\n transition: var(--number-transition-timing);\n transition-property: background, border, color;\n width: var(--pine-dimension-450);\n\n // switch toggle\n &::after {\n background: var(--pine-color-secondary);\n border-radius: var(--pine-border-radius-full);\n box-shadow: var(--pine-box-shadow);\n content: \"\";\n display: block;\n height: var(--sizing-input-toggle-size);\n inset-block-start: 50%;\n inset-inline-start: 50%;\n position: absolute;\n transform: translate3d(-100%, -50%, 0);\n transition: transform var(--number-transition-timing);\n width: var(--sizing-input-toggle-size);\n }\n}\n\nlabel {\n display: flex;\n gap: var(--pine-dimension-150);\n\n .pds-switch--error & {\n color: inherit;\n }\n}\n\n.visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: polygon(0 0, 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// Help and error messages\n.pds-switch__message {\n color: var(--pine-color-text-message);\n font: var(--pine-typography-body-sm-medium);\n margin-block-start: var(--pine-dimension-xs);\n margin-inline-start: var(--spacing-message-inline);\n width: 100%;\n\n + .pds-switch__message {\n margin-block-start: var(--spacing-message-inline);\n }\n}\n\n.pds-switch__message--error {\n color: inherit;\n display: flex;\n gap: var(--pine-dimension-2xs);\n\n pds-icon {\n margin-block-start: var(--pine-dimension-025);\n }\n}\n\n// Disabled state\ninput:disabled {\n background-color: var(--pine-color-neutral-disabled);\n cursor: not-allowed;\n\n ~ label {\n cursor: initial;\n }\n\n &:hover::after {\n background-color: var(--pine-color-secondary);\n }\n\n .pds-switch__message {\n color: initial;\n }\n}\n\n// Hover state\ninput:hover:not(:disabled) {\n background-color: var(--pine-color-neutral-hover);\n}\n\n // Focus state\ninput:focus-visible:not(:disabled) {\n outline: var(--pine-outline-focus);\n outline-offset: var(--pine-border-width);\n}\n\n// 'Checked' state\n// switch toggle\ninput:checked::after {\n transform: translate3d(0, -50%, 0);\n}\n\n// switch container\ninput:checked:not(:disabled) {\n background-color: currentColor;\n color: var(--pine-color-accent);\n\n &:hover {\n border-color: currentColor;\n color: var(--pine-color-accent-hover);\n }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\n\n@Component({\n tag: 'pds-switch',\n styleUrls: ['../../global/styles/utils/label.scss', 'pds-switch.scss'],\n shadow: true,\n formAssociated: true,\n})\nexport class PdsSwitch {\n private inheritedAttributes: Attributes = {};\n private internals?: ElementInternals;\n private readonly _type = 'checkbox' as const;\n\n @Element() el: HTMLPdsSwitchElement;\n\n /**\n * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n */\n @Prop() componentId!: string;\n\n /**\n * Determines the input 'checked' state.\n */\n @Prop({ mutable: true }) checked = false;\n\n /**\n * Determines the input 'disabled' state, preventing user interaction.\n */\n @Prop() disabled? = false;\n\n /**\n * Displays message text describing an invalid state.\n */\n @Prop() errorMessage?: string;\n\n /**\n * Visually hides the label text for instances where only the switch should be displayed. Label remains accessible to assistive technology such as screen readers.\n */\n @Prop() hideLabel: boolean;\n\n /**\n * Displays help text for additional description of an input.\n */\n @Prop() helperMessage: string;\n\n /**\n * Determines the input 'invalid' state, signifying an error is present.\n */\n @Prop() invalid? = false;\n\n /**\n * Displays text to describe the input.\n */\n @Prop() label!: string;\n\n /**\n * Identifies form data and unifies a group of radio inputs for toggling a single property/value.\n */\n @Prop() name: string;\n\n /**\n * Determines the 'required' state of the input.\n */\n @Prop() required? = false;\n\n /**\n * Provides input with a string submitted in form data.\n */\n @Prop() value: string;\n\n\n /**\n * Emits an event on input change.\n */\n @Event() pdsSwitchChange: EventEmitter<InputEvent>;\n\n private onSwitchUpdate = (e: Event) => {\n if (this.disabled) return;\n\n const input = e.target as HTMLInputElement;\n this.checked = input.checked;\n\n this.updateFormValue();\n\n this.pdsSwitchChange.emit(e as InputEvent);\n };\n\n private switchClassNames = () => {\n let switchClasses = `pds-switch`;\n\n if (this.invalid === true) {\n switchClasses += \" pds-switch--error\";\n }\n if (this.helperMessage !== undefined) {\n switchClasses += \" pds-switch--message\";\n }\n return switchClasses;\n };\n\n connectedCallback() {\n // Initialize ElementInternals for form association (only once per element instance)\n if (this.el.attachInternals && !this.internals) {\n this.internals = this.el.attachInternals();\n }\n\n // Expose type property on the element instance to match native form element behavior\n exposeTypeProperty(this.el, () => this._type);\n }\n\n componentDidLoad() {\n this.updateFormValue();\n }\n\n @Watch('checked')\n checkedChanged() {\n this.updateFormValue();\n }\n\n private updateFormValue() {\n if (typeof jest !== 'undefined' || typeof process !== 'undefined' && process.env?.NODE_ENV === 'test') {\n return;\n }\n\n if (this.internals && this.internals.setFormValue) {\n // For switches, only send the value when checked, otherwise send null\n const formValue = this.checked ? (this.value || 'on') : null;\n this.internals.setFormValue(formValue);\n }\n\n if (this.internals && this.internals.setValidity) {\n this.internals.setValidity({});\n }\n }\n\n formStateRestoreCallback(state: string | FormData | null) {\n if (state instanceof FormData) {\n // For switches, restore if the value exists in FormData\n const value = this.value || 'on';\n this.checked = state.get(this.name || this.componentId) === value;\n } else if (typeof state === 'string') {\n // Restore from string state\n this.checked = state === (this.value || 'on');\n }\n }\n\n componentWillLoad() {\n this.inheritedAttributes = {\n ...inheritAriaAttributes(this.el)\n }\n }\n\n render() {\n return (\n <Host class={this.switchClassNames()} aria-disabled={this.disabled ? 'true' : null}>\n <label htmlFor={this.componentId}>\n <input\n aria-describedby={assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage)}\n aria-invalid={this.invalid ? \"true\" : undefined}\n checked={this.checked}\n class=\"pds-switch__input\"\n disabled={this.disabled}\n id={this.componentId}\n name={this.name ? this.name : this.componentId}\n onChange={this.onSwitchUpdate}\n required={this.required}\n type=\"checkbox\"\n value={this.value}\n {...this.inheritedAttributes}\n />\n <span class={this.hideLabel ? 'visually-hidden' : ''}>\n {this.label}\n </span>\n </label>\n {this.helperMessage &&\n <div\n class={`pds-switch__message`}\n id={messageId(this.componentId, 'helper')}\n >\n {this.helperMessage}\n </div>\n }\n {this.errorMessage &&\n <div\n class={`pds-switch__message pds-switch__message--error`}\n id={messageId(this.componentId, 'error')}\n aria-live=\"assertive\"\n >\n <pds-icon icon={danger} size=\"small\" />\n {this.errorMessage}\n </div>\n }\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./p-5D9wXQuJ.system.js","./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
System.register(["./p-5D9wXQuJ.system.js","./p-Bch44a-T.system.js","./p-BxVkyfaO.system.js"],(function(i){"use strict";var e,r,s,a,o,n,d;return{setters:[function(i){e=i.r;r=i.c;s=i.h;a=i.H;o=i.a},function(i){n=i.m},function(i){d=i.b}],execute:function(){var t=".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}";var p=i("pds_radio_group",function(){function i(i){e(this,i);this.pdsRadioGroupChange=r(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false}i.prototype.handlePropsChange=function(){this.updateChildRadios()};i.prototype.handleRadioChange=function(i){var e=i.target;if(e.type!=="radio"){return}if(e.checked){var r=e.closest("pds-radio");if(r){this.pdsRadioGroupChange.emit({checked:true,value:r.value,componentId:r.componentId})}}};i.prototype.updateChildRadios=function(){var i=this;var e=this.el.querySelectorAll("pds-radio");e.forEach((function(e){if(i.name){e.setAttribute("name",i.name)}else{e.removeAttribute("name")}if(i.disabled){e.setAttribute("disabled","true")}else{e.removeAttribute("disabled")}if(i.invalid){e.setAttribute("invalid","true")}else{e.removeAttribute("invalid")}if(i.required){e.setAttribute("required","true")}else{e.removeAttribute("required")}}))};i.prototype.componentWillLoad=function(){if(this.componentId){this._groupId=this.componentId}else{var i=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():"".concat(Date.now(),"-").concat(Math.random().toString(36).substring(2,9));this._groupId="radio-group-".concat(i)}};i.prototype.componentDidLoad=function(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()};i.prototype.classNames=function(){var i=[];if(this.invalid){i.push("is-invalid")}return i.join(" ")};i.prototype.getGapValue=function(){var i={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(i[this.gap]){return i[this.gap]}return"var(--pine-dimension-".concat(this.gap,")")};i.prototype.getAriaDescribedBy=function(){var i=[];if(this.errorMessage){i.push(n(this._groupId,"error"))}if(this.helperMessage){i.push(n(this._groupId,"helper"))}return i.length>0?i.join(" "):undefined};i.prototype.render=function(){var i=this;var e=this.getGapValue();var r=this.getAriaDescribedBy();return s(a,{key:"53949e8e878887189482a13e0402402b8ee79c46",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":r,style:{"--pds-radio-group-gap":e}},this.groupLabel&&s("div",{key:"9aa547ff0b60d1eb78ab6806c552391c119c6511",class:"pds-radio-group__label"},this.groupLabel),s("div",{key:"5bad4f6d4c685eca8a97b574511f21b93bdf4821",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},s("slot",{key:"ffd76f30b308f124e1df925b2fe354ffb80f59bc",onSlotchange:function(){return i.updateChildRadios()}})),this.helperMessage&&s("div",{key:"ea8995384b1e1c1e98d01d704bd969a97bfd2b2a",class:"pds-radio-group__message",id:n(this._groupId,"helper")},this.helperMessage),this.errorMessage&&s("div",{key:"30726bc368c7ad2820ae4cb43faf0a45e94a51e8",class:"pds-radio-group__message pds-radio-group__message--error",id:n(this._groupId,"error"),"aria-live":"assertive"},s("pds-icon",{key:"acc00b6e36ead10cc5cc01033ad0f619bd75f5da",icon:d,size:"small"}),this.errorMessage))};Object.defineProperty(i.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{name:["handlePropsChange"],disabled:["handlePropsChange"],invalid:["handlePropsChange"],required:["handlePropsChange"]}},enumerable:false,configurable:true});return i}());p.style=t}}}));
|
|
2
|
+
//# sourceMappingURL=p-c9965216.system.entry.js.map
|