@ng-solid/design-system 22.1.0 → 22.1.1
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.
|
@@ -1208,13 +1208,13 @@ class NsInputGroupComponent {
|
|
|
1208
1208
|
wrap = input(true, { ...(ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
1209
1209
|
primaryInput;
|
|
1210
1210
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NsInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1211
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: NsInputGroupComponent, isStandalone: true, selector: "ns-input-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, prepend: { classPropertyName: "prepend", publicName: "prepend", isSignal: true, isRequired: false, transformFunction: null }, append: { classPropertyName: "append", publicName: "append", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ns-input-group": "true" } }, queries: [{ propertyName: "primaryInput", first: true, predicate: NsInputComponent, descendants: true }], ngImport: i0, template: "@if (label()) {\n <label class=\"form-label\" [attr.for]=\"primaryInput?.id\">{{ label() }}</label>\n}\n\n<div\n class=\"input-group\"\n [class.input-group--sm]=\"size() === 'sm'\"\n [class.input-group--lg]=\"size() === 'lg'\"\n [class.input-group--nowrap]=\"!wrap()\"\n>\n @if (prepend()) {\n <ns-input-group-addon>{{ prepend() }}</ns-input-group-addon>\n }\n <ng-content></ng-content>\n @if (append()) {\n <ns-input-group-addon>{{ append() }}</ns-input-group-addon>\n }\n</div>\n", styles: [":host{--ns-input-group-radius: var(--ns-radius-sm, .375rem);display:block;width:100%;max-width:100%;margin-bottom:var(--ns-space-2, .5rem);font-size:var(--ns-font-size-sm, .875rem)}.form-label{display:block;margin-bottom:var(--ns-space-2, .5rem);font-size:var(--ns-font-size-sm, .875rem)}.input-group{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;max-width:100%;position:relative;--ns-control-border-radius: 0}.input-group--nowrap{flex-wrap:nowrap}.input-group--sm{--ns-control-padding-y: .25rem;--ns-control-padding-x: .5rem;--ns-btn-padding-y: .25rem;--ns-btn-padding-x: .5rem;--ns-font-size-base: .875rem}.input-group--lg{--ns-control-padding-y: .75rem;--ns-control-padding-x: 1rem;--ns-btn-padding-y: .75rem;--ns-btn-padding-x: 1rem;--ns-font-size-base: 1.125rem}.input-group>ns-input,.input-group>ns-textarea{--ns-control-host-width: 1%;display:block;flex:1 1 0;min-width:0;margin-bottom:0}.input-group>ns-button,.input-group>ns-input-group-addon{display:block;flex:0 0 auto}.input-group>*{--ns-control-border-radius: 0;position:relative}.input-group>:not(:first-child){margin-inline-start:-1px}.input-group>:first-child{--ns-control-border-radius: var(--ns-input-group-radius) 0 0 var(--ns-input-group-radius)}.input-group>:last-child{--ns-control-border-radius: 0 var(--ns-input-group-radius) var(--ns-input-group-radius) 0}.input-group>:only-child{--ns-control-border-radius: var(--ns-input-group-radius)}.input-group>:focus-within{z-index:2}\n"], dependencies: [{ kind: "component", type: NsInputGroupAddonComponent, selector: "ns-input-group-addon" }], encapsulation: i0.ViewEncapsulation.ShadowDom });
|
|
1211
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: NsInputGroupComponent, isStandalone: true, selector: "ns-input-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, prepend: { classPropertyName: "prepend", publicName: "prepend", isSignal: true, isRequired: false, transformFunction: null }, append: { classPropertyName: "append", publicName: "append", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ns-input-group": "true" } }, queries: [{ propertyName: "primaryInput", first: true, predicate: NsInputComponent, descendants: true }], ngImport: i0, template: "@if (label()) {\n <label class=\"form-label\" [attr.for]=\"primaryInput?.id\">{{ label() }}</label>\n}\n\n<div\n class=\"input-group\"\n [class.input-group--sm]=\"size() === 'sm'\"\n [class.input-group--lg]=\"size() === 'lg'\"\n [class.input-group--nowrap]=\"!wrap()\"\n>\n @if (prepend()) {\n <ns-input-group-addon>{{ prepend() }}</ns-input-group-addon>\n }\n <ng-content></ng-content>\n @if (append()) {\n <ns-input-group-addon>{{ append() }}</ns-input-group-addon>\n }\n</div>\n", styles: [":host{--ns-input-group-radius: var(--ns-radius-sm, .375rem);display:block;width:100%;max-width:100%;margin-bottom:var(--ns-space-2, .5rem);font-size:var(--ns-font-size-sm, .875rem)}.form-label{display:block;margin-bottom:var(--ns-space-2, .5rem);font-size:var(--ns-font-size-sm, .875rem)}.input-group{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;max-width:100%;position:relative;--ns-control-border-radius: 0}.input-group--nowrap{flex-wrap:nowrap}.input-group--sm{--ns-control-padding-y: .25rem;--ns-control-padding-x: .5rem;--ns-btn-padding-y: .25rem;--ns-btn-padding-x: .5rem;--ns-font-size-base: .875rem}.input-group--lg{--ns-control-padding-y: .75rem;--ns-control-padding-x: 1rem;--ns-btn-padding-y: .75rem;--ns-btn-padding-x: 1rem;--ns-font-size-base: 1.125rem}.input-group>ns-input,.input-group>ns-textarea{--ns-control-host-width: 1%;display:block;flex:1 1 0;min-width:0;margin-bottom:0}.input-group>ns-input>input,.input-group>ns-textarea>textarea{box-sizing:border-box;display:block;width:100%}.input-group>ns-button,.input-group>ns-input-group-addon{display:block;flex:0 0 auto}.input-group>*{--ns-control-border-radius: 0;position:relative}.input-group>:not(:first-child){margin-inline-start:-1px}.input-group>:first-child{--ns-control-border-radius: var(--ns-input-group-radius) 0 0 var(--ns-input-group-radius)}.input-group>:last-child{--ns-control-border-radius: 0 var(--ns-input-group-radius) var(--ns-input-group-radius) 0}.input-group>:only-child{--ns-control-border-radius: var(--ns-input-group-radius)}.input-group>:focus-within{z-index:2}\n"], dependencies: [{ kind: "component", type: NsInputGroupAddonComponent, selector: "ns-input-group-addon" }], encapsulation: i0.ViewEncapsulation.ShadowDom });
|
|
1212
1212
|
}
|
|
1213
1213
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NsInputGroupComponent, decorators: [{
|
|
1214
1214
|
type: Component,
|
|
1215
1215
|
args: [{ selector: 'ns-input-group', encapsulation: ViewEncapsulation.ShadowDom, imports: [NsInputGroupAddonComponent], host: {
|
|
1216
1216
|
'[class.ns-input-group]': 'true'
|
|
1217
|
-
}, template: "@if (label()) {\n <label class=\"form-label\" [attr.for]=\"primaryInput?.id\">{{ label() }}</label>\n}\n\n<div\n class=\"input-group\"\n [class.input-group--sm]=\"size() === 'sm'\"\n [class.input-group--lg]=\"size() === 'lg'\"\n [class.input-group--nowrap]=\"!wrap()\"\n>\n @if (prepend()) {\n <ns-input-group-addon>{{ prepend() }}</ns-input-group-addon>\n }\n <ng-content></ng-content>\n @if (append()) {\n <ns-input-group-addon>{{ append() }}</ns-input-group-addon>\n }\n</div>\n", styles: [":host{--ns-input-group-radius: var(--ns-radius-sm, .375rem);display:block;width:100%;max-width:100%;margin-bottom:var(--ns-space-2, .5rem);font-size:var(--ns-font-size-sm, .875rem)}.form-label{display:block;margin-bottom:var(--ns-space-2, .5rem);font-size:var(--ns-font-size-sm, .875rem)}.input-group{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;max-width:100%;position:relative;--ns-control-border-radius: 0}.input-group--nowrap{flex-wrap:nowrap}.input-group--sm{--ns-control-padding-y: .25rem;--ns-control-padding-x: .5rem;--ns-btn-padding-y: .25rem;--ns-btn-padding-x: .5rem;--ns-font-size-base: .875rem}.input-group--lg{--ns-control-padding-y: .75rem;--ns-control-padding-x: 1rem;--ns-btn-padding-y: .75rem;--ns-btn-padding-x: 1rem;--ns-font-size-base: 1.125rem}.input-group>ns-input,.input-group>ns-textarea{--ns-control-host-width: 1%;display:block;flex:1 1 0;min-width:0;margin-bottom:0}.input-group>ns-button,.input-group>ns-input-group-addon{display:block;flex:0 0 auto}.input-group>*{--ns-control-border-radius: 0;position:relative}.input-group>:not(:first-child){margin-inline-start:-1px}.input-group>:first-child{--ns-control-border-radius: var(--ns-input-group-radius) 0 0 var(--ns-input-group-radius)}.input-group>:last-child{--ns-control-border-radius: 0 var(--ns-input-group-radius) var(--ns-input-group-radius) 0}.input-group>:only-child{--ns-control-border-radius: var(--ns-input-group-radius)}.input-group>:focus-within{z-index:2}\n"] }]
|
|
1217
|
+
}, template: "@if (label()) {\n <label class=\"form-label\" [attr.for]=\"primaryInput?.id\">{{ label() }}</label>\n}\n\n<div\n class=\"input-group\"\n [class.input-group--sm]=\"size() === 'sm'\"\n [class.input-group--lg]=\"size() === 'lg'\"\n [class.input-group--nowrap]=\"!wrap()\"\n>\n @if (prepend()) {\n <ns-input-group-addon>{{ prepend() }}</ns-input-group-addon>\n }\n <ng-content></ng-content>\n @if (append()) {\n <ns-input-group-addon>{{ append() }}</ns-input-group-addon>\n }\n</div>\n", styles: [":host{--ns-input-group-radius: var(--ns-radius-sm, .375rem);display:block;width:100%;max-width:100%;margin-bottom:var(--ns-space-2, .5rem);font-size:var(--ns-font-size-sm, .875rem)}.form-label{display:block;margin-bottom:var(--ns-space-2, .5rem);font-size:var(--ns-font-size-sm, .875rem)}.input-group{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;max-width:100%;position:relative;--ns-control-border-radius: 0}.input-group--nowrap{flex-wrap:nowrap}.input-group--sm{--ns-control-padding-y: .25rem;--ns-control-padding-x: .5rem;--ns-btn-padding-y: .25rem;--ns-btn-padding-x: .5rem;--ns-font-size-base: .875rem}.input-group--lg{--ns-control-padding-y: .75rem;--ns-control-padding-x: 1rem;--ns-btn-padding-y: .75rem;--ns-btn-padding-x: 1rem;--ns-font-size-base: 1.125rem}.input-group>ns-input,.input-group>ns-textarea{--ns-control-host-width: 1%;display:block;flex:1 1 0;min-width:0;margin-bottom:0}.input-group>ns-input>input,.input-group>ns-textarea>textarea{box-sizing:border-box;display:block;width:100%}.input-group>ns-button,.input-group>ns-input-group-addon{display:block;flex:0 0 auto}.input-group>*{--ns-control-border-radius: 0;position:relative}.input-group>:not(:first-child){margin-inline-start:-1px}.input-group>:first-child{--ns-control-border-radius: var(--ns-input-group-radius) 0 0 var(--ns-input-group-radius)}.input-group>:last-child{--ns-control-border-radius: 0 var(--ns-input-group-radius) var(--ns-input-group-radius) 0}.input-group>:only-child{--ns-control-border-radius: var(--ns-input-group-radius)}.input-group>:focus-within{z-index:2}\n"] }]
|
|
1218
1218
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], prepend: [{ type: i0.Input, args: [{ isSignal: true, alias: "prepend", required: false }] }], append: [{ type: i0.Input, args: [{ isSignal: true, alias: "append", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], primaryInput: [{
|
|
1219
1219
|
type: ContentChild,
|
|
1220
1220
|
args: [NsInputComponent]
|