@fluid-topics/ftds-period-picker 2.2.7 → 2.2.9

package/build/ftds-period-picker.light.js

@@ -2471,6 +2471,11 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
         outline: ${T.focusOutlineWidth} solid ${T.focusFocusRingColor};
     }
 
+
+    .inside-structure .inside-structure--icon ftds-icon {
+        --ftds-icon-font-size: var(--icon-size);
+    }
+
     .inside-structure .inside-structure--icon {
         position: absolute;
         top: calc((var(--field-height) - var(--icon-size)) / 2);

package/build/ftds-period-picker.min.js

@@ -68,7 +68,7 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:n.extend("--ftds-con
         width:auto;
         height:auto;
     }
-`;var lc={};q(lc,{withAriaNotification:()=>v3});var b3={checkVisibility:!0},v3=Ae(Symbol("withAriaNotification"),function(t){class e extends t{sendAriaNotification(o,a){let{checkVisibility:i}={...b3,...a};setTimeout(()=>{(!i||this.checkVisibility())&&(o=typeof o=="string"?o:o?.message,o&&this.dispatchEvent(new Go({type:"aria",message:o})))},20)}}return e});var dc={};q(dc,{withConditionalVisibility:()=>x3});var p2=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};function x3(t){class e extends t{constructor(){super(...arguments),this.forceVisible=!1,this.isVisible=!0,this.isElementWithConditionalVisibility=!0}calculateStyles(o,a){if(o){let i=document.createElement("style");i.classList.add("conditional-visibility-style"),i.innerHTML=a,this.shadowRoot.append(i)}}hideIfNecessary(){let o=!(this.forceVisible||this.isVisible);this.calculateStyles(o,":host { display: none !important; }")}highlightIfForceVisible(){this.calculateStyles(this.forceVisible,":host { box-shadow: 0px 0px 0px 8px rgba(227,119,59,0.4) inset; }")}willUpdate(o){super.willUpdate(o),this.updateComplete.then(()=>{this.shadowRoot.querySelectorAll(".conditional-visibility-style").forEach(a=>a.remove()),this.hideIfNecessary(),this.highlightIfForceVisible()})}}return p2([b({type:Boolean,attribute:!1})],e.prototype,"forceVisible",void 0),p2([W()],e.prototype,"isVisible",void 0),e}var fc={};q(fc,{FormController:()=>uc});function S3(t){let e={};for(let r of Object.keys(t))e[r]=t[r].initial;return e}var uc=class{constructor(e,r){this.host=e,this.config=r,this.errors=new Map,this.submitting=!1,e.addController(this),this.initial=S3(r),this.data={...this.initial}}hostDisconnected(){this.submitting=!1}get values(){return this.data}get fields(){return Object.keys(this.config)}get isSubmitting(){return this.submitting}get inError(){return this.errors.size>0}value(e){return this.data[e]}hasError(e){return this.errors.has(e)}errorFor(e){return this.errors.get(e)}setValue(e,r){if(this.data[e]===r)return;let o={...this.data};o[e]=r,this.data=o,this.checkValidity()}bind(e){return r=>this.setValue(e,r.detail)}setInitialValues(e){this.initial={...e},this.reset()}reset(){this.data={...this.initial},this.errors.clear(),this.submitting=!1,this.host.requestUpdate()}validateField(e,r){var o,a;let i=(a=(o=this.config[e]).validator)===null||a===void 0?void 0:a.call(o,this.value(e),this.data,r);i!==void 0&&this.errors.set(e,i)}checkValidity(e){return this.errors.clear(),this.fields.forEach(r=>{this.validateField(r,e)}),this.host.requestUpdate(),!this.inError}get firstFieldSelectorInError(){for(let e of this.fields){let r=this.config[e].selector;if(this.errors.has(e)&&r!==void 0)return r}}focusFirstFieldInError(){let e=this.firstFieldSelectorInError;if(e===void 0)return;let r=this.host.renderRoot.querySelector(e);r instanceof HTMLElement&&r.focus()}async submit(e){var r,o,a;if(!this.submitting){this.submitting=!0,this.host.requestUpdate();try{if(!this.checkValidity()){this.focusFirstFieldInError(),(r=e.onInvalid)===null||r===void 0||r.call(e);return}e.onSuccess(await e.request(this.data))}catch(i){let s=K1(i)?i:void 0;if(!this.checkValidity(s)){this.focusFirstFieldInError(),(o=e.onInvalid)===null||o===void 0||o.call(e);return}(a=e.onFailure)===null||a===void 0||a.call(e,s)}finally{this.submitting=!1,this.host.requestUpdate()}}}};var C3=/^https?:\/\//,E3=/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/;function pc(t,e,r){return r?t.test(r)?!0:e:!0}var hc={required:function(t){return e=>!!e?.trim()||t},regex:function(t,e){return r=>pc(t,e,r)},email:function(t){return e=>pc(E3,t,e)},url:function(t){return e=>pc(C3,t,e)}};function mc(t,e){return e.map(r=>r(t)).filter(r=>r!==!0).map(r=>r)}function Ye(t,e,r){return t?e(t):r?.(t)}var Re=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Ar;(function(t){t.blur="blur",t.blurWithStatusResolutionOnInput="blurWithStatusResolutionOnInput",t.input="input"})(Ar||(Ar={}));var ve;(function(t){t.default="default",t.warning="warning",t.error="error"})(ve||(ve={}));var gc=class extends CustomEvent{constructor(e){super("input-validated",{detail:{level:e}})}},ho=Ae(Symbol("toFtInput"),function(t){class e extends t{constructor(){super(...arguments),this.warningRules=[],this.errorRules=[],this.validateOn=Ar.input,this.validateAtRender=!1,this.label="",this.hideLabel=!1,this.name="",this.disabled=!1,this.errorMessages=[],this.warningMessages=[],this.status=ve.default,this.focused=!1,this.additionalWarningRules=[],this.additionalErrorRules=[]}connectedCallback(){super.connectedCallback(),this.validateAtRender&&this.triggerValidation()}onBlur(){this.focused=!1,(this.validateOn===Ar.blur||this.validateOn===Ar.blurWithStatusResolutionOnInput)&&this.triggerValidation()}onFocus(){this.focused=!0}onInput(){(this.status!==ve.default&&this.validateOn===Ar.blurWithStatusResolutionOnInput||this.validateOn===Ar.input)&&this.triggerValidation()}triggerValidation(){this.errorMessages=mc(this.value,[...this.errorRules,...this.additionalErrorRules]),this.warningMessages=mc(this.value,[...this.warningRules,...this.additionalWarningRules]),this.status=this.resolveStatus(),this.dispatchEvent(new gc(this.status))}get messagesForScreenReaderElementId(){return"sr-helper-text-list"}renderMessagesForScreenReader(){return N`
+`;var lc={};q(lc,{withAriaNotification:()=>v3});var b3={checkVisibility:!0},v3=Ae(Symbol("withAriaNotification"),function(t){class e extends t{sendAriaNotification(o,a){let{checkVisibility:i}={...b3,...a};setTimeout(()=>{(!i||this.checkVisibility())&&(o=typeof o=="string"?o:o?.message,o&&this.dispatchEvent(new Go({type:"aria",message:o})))},20)}}return e});var dc={};q(dc,{withConditionalVisibility:()=>x3});var p2=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};function x3(t){class e extends t{constructor(){super(...arguments),this.forceVisible=!1,this.isVisible=!0,this.isElementWithConditionalVisibility=!0}calculateStyles(o,a){if(o){let i=document.createElement("style");i.classList.add("conditional-visibility-style"),i.innerHTML=a,this.shadowRoot.append(i)}}hideIfNecessary(){let o=!(this.forceVisible||this.isVisible);this.calculateStyles(o,":host { display: none !important; }")}highlightIfForceVisible(){this.calculateStyles(this.forceVisible,":host { box-shadow: 0px 0px 0px 8px rgba(227,119,59,0.4) inset; }")}willUpdate(o){super.willUpdate(o),this.updateComplete.then(()=>{this.shadowRoot.querySelectorAll(".conditional-visibility-style").forEach(a=>a.remove()),this.hideIfNecessary(),this.highlightIfForceVisible()})}}return p2([b({type:Boolean,attribute:!1})],e.prototype,"forceVisible",void 0),p2([W()],e.prototype,"isVisible",void 0),e}var fc={};q(fc,{FormController:()=>uc});function S3(t){let e={};for(let r of Object.keys(t))e[r]=t[r].initial;return e}var uc=class{constructor(e,r){this.host=e,this.config=r,this.errors=new Map,this.submitting=!1,e.addController(this),this.initial=S3(r),this.data={...this.initial}}hostDisconnected(){this.submitting=!1}get values(){return this.data}get fields(){return Object.keys(this.config)}get isSubmitting(){return this.submitting}get inError(){return this.errors.size>0}value(e){return this.data[e]}hasError(e){return this.errors.has(e)}errorFor(e){return this.errors.get(e)}setValue(e,r){if(this.data[e]===r)return;let o={...this.data};o[e]=r,this.data=o,this.checkValidity()}bind(e){return r=>this.setValue(e,r.detail)}setInitialValues(e){this.initial={...e},this.reset()}reset(){this.data={...this.initial},this.errors.clear(),this.submitting=!1,this.host.requestUpdate()}validateField(e,r){var o,a;let i=(a=(o=this.config[e]).validator)===null||a===void 0?void 0:a.call(o,this.value(e),this.data,r);i!==void 0&&this.errors.set(e,i)}checkValidity(e){return this.errors.clear(),this.fields.forEach(r=>{this.validateField(r,e)}),this.host.requestUpdate(),!this.inError}get firstFieldSelectorInError(){for(let e of this.fields){let r=this.config[e].selector;if(this.errors.has(e)&&r!==void 0)return r}}focusFirstFieldInError(){let e=this.firstFieldSelectorInError;if(e===void 0)return;let r=this.host.renderRoot.querySelector(e);r instanceof HTMLElement&&r.focus()}async submit(e){var r,o,a;if(!this.submitting){this.submitting=!0,this.host.requestUpdate();try{if(!this.checkValidity()){this.focusFirstFieldInError(),(r=e.onInvalid)===null||r===void 0||r.call(e);return}e.onSuccess(await e.request(this.data))}catch(i){let s=K1(i)?i:void 0;if(!this.checkValidity(s)){this.focusFirstFieldInError(),(o=e.onInvalid)===null||o===void 0||o.call(e);return}(a=e.onFailure)===null||a===void 0||a.call(e,s)}finally{this.submitting=!1,this.host.requestUpdate()}}}};var C3=/^https?:\/\//,E3=/^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/;function pc(t,e,r){return r?t.test(r)?!0:e:!0}var hc={required:function(t){return e=>!!e?.trim()||t},regex:function(t,e){return r=>pc(t,e,r)},email:function(t){return e=>pc(E3,t,e)},url:function(t){return e=>pc(C3,t,e)},min:function(t,e,r=!1){return o=>o===void 0||(r?o>e:o>=e)?!0:t},max:function(t,e,r=!1){return o=>o===void 0||(r?o<e:o<=e)?!0:t}};function mc(t,e){return e.map(r=>r(t)).filter(r=>r!==!0).map(r=>r)}function Ye(t,e,r){return t?e(t):r?.(t)}var Re=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Ar;(function(t){t.blur="blur",t.blurWithStatusResolutionOnInput="blurWithStatusResolutionOnInput",t.input="input"})(Ar||(Ar={}));var ve;(function(t){t.default="default",t.warning="warning",t.error="error"})(ve||(ve={}));var gc=class extends CustomEvent{constructor(e){super("input-validated",{detail:{level:e}})}},ho=Ae(Symbol("toFtInput"),function(t){class e extends t{constructor(){super(...arguments),this.warningRules=[],this.errorRules=[],this.validateOn=Ar.input,this.validateAtRender=!1,this.label="",this.hideLabel=!1,this.name="",this.disabled=!1,this.errorMessages=[],this.warningMessages=[],this.status=ve.default,this.focused=!1,this.additionalWarningRules=[],this.additionalErrorRules=[]}connectedCallback(){super.connectedCallback(),this.validateAtRender&&this.triggerValidation()}onBlur(){this.focused=!1,(this.validateOn===Ar.blur||this.validateOn===Ar.blurWithStatusResolutionOnInput)&&this.triggerValidation()}onFocus(){this.focused=!0}onInput(){(this.status!==ve.default&&this.validateOn===Ar.blurWithStatusResolutionOnInput||this.validateOn===Ar.input)&&this.triggerValidation()}triggerValidation(){this.errorMessages=mc(this.value,[...this.errorRules,...this.additionalErrorRules]),this.warningMessages=mc(this.value,[...this.warningRules,...this.additionalWarningRules]),this.status=this.resolveStatus(),this.dispatchEvent(new gc(this.status))}get messagesForScreenReaderElementId(){return"sr-helper-text-list"}renderMessagesForScreenReader(){return N`
                 <ul aria-live="polite" id="${this.messagesForScreenReaderElementId}"
                     style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;list-style:none;">
                     ${zt(this.errorMessages,o=>N`
@@ -2551,6 +2551,11 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
         outline: ${B.focusOutlineWidth} solid ${B.focusFocusRingColor};
     }
 
+
+    .inside-structure .inside-structure--icon ftds-icon {
+        --ftds-icon-font-size: var(--icon-size);
+    }
+
     .inside-structure .inside-structure--icon {
         position: absolute;
         top: calc((var(--field-height) - var(--icon-size)) / 2);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ftds-period-picker",
-    "version": "2.2.7",
+    "version": "2.2.9",
     "description": "The design system period picker component",
     "keywords": [
         "Lit"
@@ -19,18 +19,18 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-i18n": "2.2.7",
-        "@fluid-topics/ft-wc-utils": "2.2.7",
-        "@fluid-topics/ftds-base-input": "2.2.7",
-        "@fluid-topics/ftds-button": "2.2.7",
-        "@fluid-topics/ftds-floating-menu": "2.2.7",
-        "@fluid-topics/ftds-icon": "2.2.7",
-        "@fluid-topics/ftds-radio": "2.2.7",
-        "@fluid-topics/ftds-text-input": "2.2.7",
+        "@fluid-topics/ft-i18n": "2.2.9",
+        "@fluid-topics/ft-wc-utils": "2.2.9",
+        "@fluid-topics/ftds-base-input": "2.2.9",
+        "@fluid-topics/ftds-button": "2.2.9",
+        "@fluid-topics/ftds-floating-menu": "2.2.9",
+        "@fluid-topics/ftds-icon": "2.2.9",
+        "@fluid-topics/ftds-radio": "2.2.9",
+        "@fluid-topics/ftds-text-input": "2.2.9",
         "lit": "3.3.3"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "2.2.7"
+        "@fluid-topics/ft-wc-test-utils": "2.2.9"
     },
-    "gitHead": "dff67505fe1e41bc42e0bdfafc7060ca40f8dc9d"
+    "gitHead": "e12bf480f5ee00623f87caff8c918fccae85585c"
 }